@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: 200;src: url('Fonts/poppins-v23-latin-200.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: 300;src: url('Fonts/poppins-v23-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-v23-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: 600;src: url('Fonts/poppins-v23-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Montserrat';font-style: normal;font-weight: 200;src: url('Fonts/montserrat-v29-latin-200.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: 'Montserrat';font-style: normal;font-weight: 300;src: url('Fonts/montserrat-v29-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: 'Montserrat';font-style: normal;font-weight: 400;src: url('Fonts/montserrat-v29-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: 'Montserrat';font-style: normal;font-weight: 600;src: url('Fonts/montserrat-v29-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}

/* noto-sans-hebrew-100 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 100;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-200 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 200;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-300 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 300;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-regular - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 400;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-500 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 500;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-600 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 600;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-700 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 700;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-800 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 800;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-hebrew-900 - hebrew_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans Hebrew';
  font-style: normal;
  font-weight: 900;
  src: url('Fonts/noto-sans-hebrew-v49-hebrew_latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
--maincolor:#007689;
--fontcolor:#111;
--fontsize:18px;
--fonttitle:24px;
--fontbold:700; 
--white: #fff; 
--black: #000;
--grey: #707070;
--greylight: #eee;
--greydark: #535353; 
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.7);
--shadow: 0px 1px 5px rgba(0,0,0,0.3);
--radius:5px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre {color:var(--fontcolor);font: 200 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, body {height:100%}
input, textarea, select {background:none;border:1px solid var(--grey);width:100%;padding:10px 20px;border-radius: 0;font-size:16px}
div, p, li {line-height: 140%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:120%;font-family: 'Montserrat';font-weight:200;margin:0 0 30px 0;text-transform:uppercase}
h1 {font-size: 80px;} h2, h2 div {font-size: 60px;} h3, h3 div {font-size: 36px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;} p a {text-decoration:underline;} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu, .mobilelang {display:none}

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

header {position:fixed;left:0;top:0;width:100%;z-index:6;padding:30px 6%;background:var(--white);}
header.sticky, .tmpindex header.sticky {background:var(--white);/*box-shadow: 0px 0px 25px rgba(100,100,100,0.3)*/}
header .wrap {display: flex;align-items: center;}
.tmpindex header {background:none}

:root {
  --white: #ffffff;
}

.preload {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  transition: opacity 0.5s ease;
}

.logoanim {
  position: relative;
  width: 500px;
  height: 126px;
}

.logoanim div {
  background: var(--white);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: rotateLogo 2s ease-in-out forwards;
  z-index: 4;
}

@keyframes rotateLogo {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}

#logoCanvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 126px;
  z-index: 2;
  image-rendering: pixelated;
  pointer-events: none;
  opacity: 1;
  transition: none;
}

.logo-glitchexplode {
  transition: opacity 0.8s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 500px;
  height: 126px;
  pointer-events: none;
}





#main { 
  opacity: 0;
  transition: opacity 1s ease;}

.logo {float:left;display: flex;align-items: center;}
.logo a {width:206px;height:53px;background: url(../images/logo.png) center center no-repeat;display:block}

.tmpindex .logo a {background: url(../images/logowhite.png) center center no-repeat}
.tmpindex .sticky .logo a {background: url(../images/logo.png) center center no-repeat}

.menuplace {flex: auto;}
.mainmenu {display: flex;justify-content: flex-end;}
.mainmenu li {position:relative}
.mainmenu li a {display:flex;padding:10px 35px;align-items: center;height:100%;justify-content: center;color: var(--fontcolor);text-align: center;position:relative;font-size:16px;}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {text-decoration:underline;text-shadow:0 0 1px var(--black)}

.mainmenu ul li {position:relative}
.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {padding:15px 20px;display:block;text-align:initial;background:none;color: var(--fontcolor);border-bottom:1px solid rgba(100, 100, 100, .5)}
.mainmenu li li:hover a, .mainmenu li li a:hover, .mainmenu li li a:focus {text-decoration:underline;text-shadow:0 0 1px var(--black)}
.mainmenu ul ul, .mainmenu ul ul ul {display:none!important}

.tmpindex .mainmenu li a {color:var(--white)}
.tmpindex .sticky .mainmenu li a {color:var(--fontcolor)}

.dropmenuplace {position: absolute;top: 100%;left: 15px;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: 300px;display: none;background:var(--white);box-shadow: var(--shadow);padding: 20px;}

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

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 10px 10px;background: var(--maincolor);color:var(--white);margin:0px auto;text-align:center;border:none}
a.btn:hover, span.btn:hover, input[type="submit"]:hover, button.btn:hover, a.btn:focus, span.btn:focus, input[type="submit"]:focus,
button.btn:focus {background:var(--blackopacity);}

a.btn2 {padding: 10px 15px;border: 1px solid var(--greydark);display: inline-block;margin: 10px 0 0 0;}
a.btn2:hover, a.btn2:focus {background:var(--maincolor);color:var(--white)}

.sliderhome {position: relative;}
/*.sliderhome .slide:before {position: absolute;content: "";display: block;left: 0;top: 0;width: 100%;height: 200px;z-index: 2;background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0) 100%);}*/
.sliderhome .slide {height:100vh;position: relative;overflow: hidden;max-height:1080px;}
.sliderhome img, .sliderhome video {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;text-align: center;height:100%;display:flex;flex-direction: column;justify-content: flex-end;background:var(--blackopacity2);z-index: 3;padding:0 6% 10% 6%}
.sliderhome .title {line-height:100%;font-family: 'Montserrat';font-weight:300;font-size:70px;padding:10px;text-align:center;color:var(--white);text-transform:uppercase}
.sliderhome .moreabstract {font-size:var(--fontsize);padding:10px 6%;text-align:center;color:var(--white);margin:0 0 2% 0}
.sliderhome .slick-dotted.slick-slider {margin:0}
.sliderhome .custom-dots {bottom: 5%;padding:0 6%;z-index:11}

.stripplace {min-height:500px;position:relative;background:var(--maincolor);    display: flex;justify-content: center;margin:0 0 6% 0}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:.5}

.tmpprojects .stripplace {background:none;    min-height: 350px;margin: 0 0 2% 0;}
.tmpprojects .titleplace h1 {color:var(--maincolor);}
.tmpprojects .titleplace h2, .tmpprojects .titleplace p {color:var(--fontcolor);}

#maintitleplace {margin-top:110px;}

.titleplace {position:relative;z-index:3;display: flex;flex-direction: column;align-items: center;justify-content: center;padding:0 6%}
.titleplace h1, .titleplace h2, .titleplace p {color:var(--white);text-align:center}
.titleplace h1 {font-weight:300;margin:30px 0}
.smalltitle {font-size:24px;font-style:italic;font-weight:300;    text-transform: lowercase;}

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

.featureslinks {position:absolute;left:0;bottom:5%;width:100%;display:flex;justify-content: center;}
.featureslinks a {width:250px;border:1px solid var(--white);color:var(--white);padding:15px;text-align:center;display:block;margin:0 10px;}
.featureslinks a:hover, .featureslinks a:focus {background:var(--white);color:var(--fontcolor)}

.mainabstract {margin:0 auto 20px auto;max-width: 1440px;}
.mainabstract p {font-size:var(--fonttitle);line-height:140%;margin:0 0 15px 0;}

.logosplace, .productsslider.slick-dotted.slick-slider {width:100%;float:left;margin:30px 0;}

.imagesplace {position:relative;margin:0 0 3% 0;text-align:center}
.imagesplace a {display:flex;position:relative;}
.imagesplace img {margin:auto;max-height:800px}
.imgside {width:40%;float:right;margin:0 0 20px 2%}
.imgside img {display:block;margin:0 0 10px 0}

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

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

.featuresplace {border-top:1px solid var(--greydark);padding:4% 0 0 0}
.featuresplace .page {display:flex;    align-items: flex-start;}
.featuresplace h2 {flex:auto}
.features {display:flex;flex-wrap:wrap;justify-content: center;margin:30px 0 4% 0}
.features > div {width: 33.1%;position: relative;margin: 0 0.1%;}
.features .imgplace {height:800px;position:relative;overflow:hidden}
.features .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.features .title {margin:5px ;text-align:center;color:var(--white);font-size:var(--fonttitle)}
.features .abstract {/*position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;*/display: flex;justify-content: flex-end;align-items: center;flex-direction: column;padding:1%;background:var(--maincolor)}
.features a:hover img {transform: scale(1.1,1.1);}
/*.features > div:before {position: absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:2;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 65%);}*/
.featuresplace .seemore {opacity:0;position:absolute;left:0;bottom:0px;padding:10px;background:var(--whiteopacity);text-align:center;width:100%;font-size:20px;color:var(--greydark);z-index: 2;}
.featuresplace a:hover .seemore, .featuresplace a:focus .seemore {opacity:1}



.tmpprojectsmain .features .imgplace {    max-height: 600px;}

.featuresbottom {padding:2% 0 6% 0}
.featuresbottom .feature {display:flex;    flex-direction: column;align-items: center;margin:auto;max-width:1000px}
.featuresbottom .feature .title {line-height:120%;font-family: 'Montserrat';font-weight:200;font-size:60px;text-align: center;    text-transform: uppercase;margin:30px 0;}

.formorecontect {border-top:1px solid var(--greydark);padding:5% 0 6% 0;display:flex;flex-direction: column;align-items: center;margin:auto;}

.selectprojectplace {border-top:1px solid var(--greydark);padding:4% 0 4% 0}
.selectprojectplace .page {display:flex;    align-items: flex-start;}
.selectprojectplace h2 {flex:auto}
.selectprojectplace .imgplace {height:600px;position:relative;overflow:hidden}
.selectprojectplace .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.selectprojectplace .title {margin:5px;text-align:center;color:var(--white);font-size:var(--fonttitle)}
.selectprojectplace .abstract {/*position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;*/display: flex;justify-content: flex-end;align-items: center;flex-direction: column;padding:1%;background:var(--maincolor)}
.selectprojectplace a:hover img {transform: scale(1.1,1.1);}
/*.selectprojectplace .slide:before {position: absolute;content:"";display:block;left:0;top:0;width:100%;height:100%;z-index:2;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 65%);}*/
.selectprojectplace .similarslider {margin:2% 0}

.selectprojectplace .slide {padding:0 1px;overflow:hidden;position:relative}
.similarslider a {display:block;position:relative;}

.tmpregularfeature .selectprojectplace {width:100%;float:left;padding:4% 0 0 0}
.tmpregularfeature .selectprojectplace .similarslider {margin:2% 0 0 0 }
.tmpregularfeature .selectprojectplace .imgplace {height:500px;}
.tmpregularfeature .content {padding:0}

.whitelogo {display:inline-block;margin:0 0 20px 0;}

.client {margin:0 1% 3% 1%;width:18%}
.client img {filter: grayscale(100%);max-height:150px;margin:auto}
.client a:hover img, .client a:focus img {filter:none}
.client .imgplace {    display: flex;align-items: center;justify-content: center;height:150px}

.bodyflex .bodytext {width:1000px;margin:2% auto 4% auto}

.bodytext p { line-height:140%;margin:0 0 15px 0}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul, .bodytext ol {margin:0 5px;padding: 0;}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 8px no-repeat;list-style-type: none;padding: 0 0 0 17px}
.bodytext strong, .bodytext strong a, .bodytext strong span {font-weight:500}
.bodytext iframe {width:100%;height:450px;}
.contactflex h2 {font-size:36px;text-transform:initial}
.contactflex h3 {font-size:30px;text-transform:initial}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:3% 0}
.flexplace .flex {width: 31.3%;margin: 1% 1% 3% 1%;position:relative}
.flexplace .flex .title {font-size: var(--fonttitle);margin:0 0 5px 0;text-align:center}
.flexplace .flex .position {margin:0 0 5px 0;text-align:center;}
.flexplace .flex .position2 {margin:0 0 5px 0;text-align:center;font-size:15px;}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 580px;position: relative;overflow: hidden;border:1px solid var(--grey);display: flex;align-items: center;justify-content: center;background:var(--white);}
.flexplace .flex img, .flexplace  .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;filter: grayscale(100%);}
.flexplace .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplace .flex:hover img, .flexplace  .flex a:focus img {filter: none;}
.flexplace .flex a:hover .title, .flexplace  .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex .abstracthide {position:relative;margin:0 0 15px 0;min-height: 250px;background: #f0f0f0;}
.flexplace .flex.slide {margin:0;padding:10px;}
.flexplace .flex .moreabstract {padding:20px;color:var(--white);background:var(--maincolor);font-size: 15px;min-height: 190px;}
.flexplace .flex:hover .moreabstract, .flexplace  .flex:focus .moreabstract {display:block}

.flexplace .flex3 {width: 31.3%;margin: 1% 1% 3% 1%;position:relative;background:var(--greylight)}
.flexplace .flex3 .title {margin:0 0 5px 0;line-height:120%;font-family: 'Montserrat';font-weight:400}
.flexplace .flex3 .date {margin:0 0 15px 0;font-size:16px;color:var(--grey);    font-weight: 400;}
.flexplace .flex3 > a {display:block;position:relative}
.flexplace .flex3 .imgplace {width: 100%;height: 300px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);}
.flexplace .flex3 img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .flex3 a:hover img, .flexplace .flex3 a:focus img {transform: scale(1.1,1.1);}
.flexplace .flex3 a:hover .title, .flexplace .flex3 a:focus .title {color:var(--maincolor)}
.flexplace .flex3 .abstract {padding:20px}
.flexplace .flex3 .moreabstract {font-size:16px;}

.btnsimple {font-size:16px;margin:20px 0 0 0;text-decoration:underline;display: block;}

.liststyle {border-top:1px solid var(--greydark)}
.liststyle > div:nth-of-type(2n) .flexview {flex-direction: row-reverse;}
.liststyle .flexview {display:flex;flex-wrap:wrap}
.liststyle .flexview .imgplace {width:50%;position:relative;min-height:700px;}
.liststyle .flexview .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .flexview .abstract {width:50%;padding:6%;flex:auto;display: flex;flex-direction: column;justify-content: center;}
.liststyle .flexview .title {font-size:36px;margin:0 0 10px 0;font-family: 'Montserrat';text-transform:uppercase}
.liststyle .flexview .abstract .btn2 {margin:10px 0 0 0;display:inline-block;text-decoration:underline}

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

.indexcontent {padding:8% 0;display: flex;flex-wrap: wrap;}
.indexcontent h1 {font-size:60px;padding:0 20px 0 0}
.indexcontent > div {width:50%}

.projects > div {position:relative;overflow:hidden;margin:0 0 20px 0;}
/*.projects a:before {position: absolute;content: "";display: block;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 65%);}*/
.projects img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.projects .title {/*position:absolute;left:0;bottom:4%;*/text-align:center;font-weight:300;color:var(--white);z-index:3;font-size:28px;width:100%;text-transform:uppercase;background:var(--maincolor);padding:5px;}
.projects .title span {font-weight:200}
.projects a {display:block}
.projects .imgplace {position:relative;height:800px;overflow:hidden}
/*.projects a:hover img, .projects a:focus img {transform: scale(1.1,1.1);}*/

.projects .seemore {opacity:0;position:absolute;left:0;bottom:48px;padding:10px;background:var(--whiteopacity);text-align:center;width:100%;font-size:20px;color:var(--greydark)}
.projects a:hover .seemore, .projects a:focus .seemore {opacity:1}

.tmpmanagement .managementplace {padding:0 0 4% 0;border-bottom:1px solid var(--greydark);margin:0 0 4% 0}
.tmpmanagement .managementplace:first-of-type h2 {display:none}

.tmpmanagement .managementplace:nth-of-type(2n) .flexplace .flex .moreabstract {display:none}

.tmpcatalogpage .mainabstract {display:none}

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

.contactform {display:flex;flex-wrap: wrap;}
.contactform label {position:relative;display:block;margin:0 2% 20px 0;width:32%}
.contactform label:nth-of-type(3n) {margin:0 0 20px 0;}
.contactform label.comments {width: 100%;margin:0;}
.contactform textarea {height:105px;float: left;width: 100%;}
.contactform select {padding:10px;}
.contactform .errorplace {display: none;color:#ff0000;position:absolute;left:0;bottom:-15px;font-size:11px;}
.contactform .mandatorycontact span:after {content: "*";display: inline-block;color: #ff0000;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform label span {display:block;font-style:italic}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px;width:15px;height:15px;}
.contactform .jointomailinglist {display:flex;align-items: center;}
.contactform a[href^="tel:"] {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);}

.contactform input[type="submit"] {background:none;color:var(--fontcolor);margin:20px auto 0 auto;border:1px solid var(--greydark);width:150px;}
.contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus {background:var(--maincolor);color:var(--white)}

.contacticons {display:flex;flex-wrap:wrap;}
.contacticons h2 {margin:0 3% 0 0}
.contacticons p {padding:0 2% 0 5%;border-right:1px solid var(--greydark);width:20%;flex:auto}
.contacticons .address {background: url(../images/location.png) 6% 5px no-repeat;}
.contacticons .phone {background: url(../images/phone2.png) 6% 5px no-repeat;}
.contacticons .email {background: url(../images/mail2.png) 6% 5px no-repeat;}

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

.gmap {margin:4% auto}
.gmap iframe {width:100%;filter: grayscale(100%);}

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

.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 {width:25%;    display: flex;flex-direction: column;justify-content: space-between;padding:0 0 6% 0}
.credits a:hover, .credits a:focus {text-decoration:underline;color:var(--white);}
.credits p, .credits a, html:lang(he) .credits p, html:lang(he) .credits p a {margin:0;color:var(--white);font-size:12px;line-height:100%}


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

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

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

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

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

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

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

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

.tmpnewsitem h1 {font-size: 50px;}

.bannerplace {width:35%;padding:0 0 6% 0}
.bannerplace a, .bannerplace p {color:var(--white);font-size:16px;}
.bannerplace p {margin:0 0 15px 0;}

.socialmedia {display: flex;flex-wrap:wrap;margin:4% 0}
.socialmedia a {margin:0 5px 0 0;width:35px;height:35px;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}

.footerlinksplace {display: flex;flex-wrap: wrap;width:65%}
.footerlinksplace .title {margin:0px 0 10px 0;display:none}
.footerlinksplace a, a.opencontact2 {font-size:16px;display:block;margin: 0 0 5px 0;color:var(--white);font-weight:300}
.footerlinksplace a:hover {color:var(--white);text-decoration:underline}
.footerlinksplace > div {flex:auto;padding:0 15px;border-left:1px solid var(--white);width:25%}

.tmpproject header.sticky {box-shadow:none}

.videoframe {padding: 0 15px 5px 15px;}

.horizontalscroll {position: fixed;   top: 0;left: 0;width: 100vw;height: 100vh;overflow: hidden;padding:0px 0 0 6%}
.horizontalplace {display: flex;position: sticky;flex-direction: row;top: 0;height: 95vh;will-change: transform;overflow: hidden;width: max-content;padding: 115px 50px 0 0;}

.horizontalframe {display: flex;}
.horizontalframe .bodytext {width:600px;padding:0 4%;display: flex;flex-direction: column;justify-content: center;}
.horizontalframe .titles {width:450px;padding:0 4% 0 2%;display: flex;flex-direction: column;justify-content: flex-end;border-left:10px solid var(--maincolor);position:relative}
.horizontalframe .titles h1 {font-size:40px;font-weight:500;color:var(--maincolor);}
.horizontalframe .titles h2 {font-size:var(--fontsize);}
.horizontalframe .imgplace {height:100%;}
.horizontalframe img {height:100%;width:auto;margin:0 10px;}
.emptyframe {pointer-events: none;background: transparent;}
html:lang(en) .emptyframe {width:60px}
.frame4 .imgplace {width:1850px;height: 100%;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 5px;}
.frame4 .imgplace > div {height: 100%;overflow: hidden;position:relative}
.frame4 .imgplace > div:nth-of-type(2) {grid-row: span 2;width: 1250px;}
.frame4 .imgplace > div:nth-of-type(1), .frame4 .imgplace > div:nth-of-type(3) {height: 100%;}
.frame4 .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.frame4 video {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.frame5 .imgplace {width:1850px;height: 100%;display: grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(2, 1fr);gap: 5px;}
.frame5 .imgplace > div {height: 100%;overflow: hidden;position:relative}
.frame5 .imgplace > div:nth-of-type(2) {grid-row: span 2;width: 1250px;}
.frame5 .imgplace > div:nth-of-type(1), .frame5 .imgplace > div:nth-of-type(3) {height: 100%;}
.frame5 .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.horizontalframe .imgplace div {height: 100%;}

.horizontalplaceafter {width:100%;position:fixed;left:0;bottom:10px;padding:5px 10px 5px 6%;background:var(--greylight)}

body.tmpproject {
    scrollbar-width: none; 
    -ms-overflow-style: none; 
    overflow-y: scroll; 
}

body.tmpproject::-webkit-scrollbar {
    display: none; 
}
.parametersproject {margin:0 0 4% 0}
.parametersproject > div {margin:0 0 10px 0}
.parametersproject span {display:block;font-weight:var(--fontbold)}

.horizontalscrollslider {margin:50px 0 0 0;background:var(--greylight)}
.horizontalscrollslider img, .horizontalscrollslider video {height:250px;}
.horizontalscrollslider .slick-slide {min-height:250px;display: flex;align-items: center;}
.horizontalscrollslider .slick-slide > div {flex: 0 0 auto;scroll-snap-align: start;display:block;padding: 15px;}
.horizontalscrollslider .slick-slide .bodytext {width:350px !important}

.horizontalscrollslider .titles {width:300px;padding:0 4% 0 2%;display: flex;flex-direction: column;justify-content: flex-end;border-left:10px solid var(--maincolor);position:relative}
.horizontalscrollslider .titles h1 {font-size:40px;font-weight:500;color:var(--maincolor);}
.horizontalscrollslider .titles h2 {font-size:var(--fontsize);}
.horizontalscrollslider img {margin:0 auto}
.horizontalscrollslider p img {width:auto !important;height:auto !important}

/*.horizontalscrollslider .slick-prev, .horizontalscrollslider .slick-next {top:100%}*/

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

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

.infoboxesplace {width:100%;float:left;}
.infobox {border-top:1px solid var(--greydark);padding:4% 0}
.infobox .imgplace {width: 10%;}
.infobox .moreabstract {width: 50%;}
.infobox .abstract {width:1000px;margin:auto;display:flex}
.infobox .abstract > div {padding:0 2%}
.infobox .title {font-size: 36px;font-family: 'Montserrat';font-style:italic;width: 40%;line-height:120%}


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

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

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

a.whatsapp {display:block;background:var(--whiteopacity) url(../images/whatsup.png) center center no-repeat;background-size:30px;width: 50px;height: 50px;position:fixed;left:10px;top:10%;border-radius:100%;}
a.whatsapp:hover, a.whatsapp:focus {filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));}

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

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

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

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

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

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

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

div .slick-dots {text-align:right;bottom:-25px;    display: flex;justify-content: flex-end;}
div .slick-dots li button, div .slick-dots li {padding:0;width: 15px;height: 15px;}
div .slick-dots li button:before {opacity:1;width: 15px;height: 15px;line-height: 100%;content:"";background: var(--greylight);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(--white);display:block;cursor:pointer;margin:0 5px;border-radius:100%}
.custom-dots li.slick-active a {opacity:1;background: var(--grey)}

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

a.goback {background:var(--whiteopacity);padding:5px 10px;position:fixed;right:0px;bottom:10px;}
a.goback:hover, a.goback:focus {background:var(--maincolor);color:var(--white)}

.videoplace {width:100%;height:500px;}

  /* Иконка для вертикальной прокрутки (для десктопов) */
    .mouse-icon {
      width: 120px;
      height: 200px;
      background-color: #ccc;
      border-radius: 30px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      animation: appear 2s ease-out forwards, shake 1.5s ease-in-out 1s infinite, fadeOut 1s 7.5s forwards;
      position:absolute;left:50%;top:35%;z-index:99;margin:0 0 0 -60px;
    }

    .mouse-icon::before {
      content: "";
      width: 20px;
      height: 40px;
      background-color: #333;
      border-radius: 5px;
      position: absolute;
      top: 20px;
      animation: scroll 1s infinite;
    }

    .scroll-arrow {
      position: absolute;
      bottom: -50px;
      font-size: 44px;
      color: #333;
      animation: arrowAnimation 1s infinite alternate;
    }

    /* Эффект появления мышки */
    @keyframes appear {
      0% {
        opacity: 0;
      
      }
      100% {
        opacity: 1;
       
      }
    }

    /* Анимация прокрутки колесика */
    @keyframes scroll {
      0% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(10px);
      }
      100% {
        transform: translateY(0);
      }
    }

    /* Анимация раскачивания мышки */
    @keyframes shake {
      0%, 100% {
        transform: translateY(0);
      }
      50% {
        transform: translateY(-10px);
      }
    }

    /* Исчезновение мышки */
    @keyframes fadeOut {
      0% {
        opacity: 1;
      }
      100% {
        opacity: 0;
        transform: scale(0.5);
      }
    }

    /* Анимация стрелочек */
    @keyframes arrowAnimation {
      0% {
        transform: translateY(0);
        opacity: 1;
      }
      50% {
        transform: translateY(-10px);
        opacity: 0.7;
      }
      100% {
        transform: translateY(0);
        opacity: 1;
      }
    }

    /* Иконка для горизонтальной прокрутки (для мобильных устройств) */
    .horizontal-scroll-icon {
      width: 100px;
      height: 60px;
      background-color: #ccc;
      border-radius: 30px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      animation: appearHorizontal 2s ease-out forwards, moveSideToSide 1.5s ease-in-out 1s infinite, fadeOutHorizontal 1s 4.5s forwards;
      position:absolute;left:30%;top:100%;z-index:99;margin:0 0 0 -30px;
    }

    .horizontal-scroll-icon::before {
      content: "";
      width: 20px;
      height: 20px;
      background-color: #333;
      border-radius: 50%;
      position: absolute;
      top: 20px;
      animation: scrollHorizontal 1s infinite;
    }

    .scroll-arrow-horizontal {
      position: absolute;
      font-size: 24px;
      color: #333;
      animation: arrowAnimationHorizontal 1s infinite alternate;
    }

    .scroll-arrow-left {
      left: 10px; /* Стрелочка влево */
    }

    .scroll-arrow-right {
      right: 10px; /* Стрелочка вправо */
    }

    /* Эффект появления горизонтальной иконки */
    @keyframes appearHorizontal {
      0% {
        opacity: 0;
        
      }
      100% {
        opacity: 1;
      
      }
    }

    /* Анимация горизонтального движения */
    @keyframes moveSideToSide {
      0% {
        transform: translateX(0);
      }
      50% {
        transform: translateX(15px);
      }
      100% {
        transform: translateX(0);
      }
    }

    /* Анимация движения кругляшка по горизонтали */
    @keyframes scrollHorizontal {
      0% {
        transform: translateX(0);
      }
      50% {
        transform: translateX(10px);
      }
      100% {
        transform: translateX(0);
      }
    }

    /* Анимация стрелочек по горизонтали */
    @keyframes arrowAnimationHorizontal {
      0% {
        transform: translateX(0);
        opacity: 1;
      }
      50% {
        transform: translateX(10px);
        opacity: 0.7;
      }
      100% {
        transform: translateX(0);
        opacity: 1;
      }
    }

    /* Исчезновение горизонтальной иконки */
    @keyframes fadeOutHorizontal {
      0% {
        opacity: 1;
      }
      100% {
        opacity: 0;
        transform: scale(0.5);
      }
    }

    .horizontal-scroll-icon_old {display:none}


html:lang(he) h1, html:lang(he) h2, html:lang(he) h3, html:lang(he) h4, html:lang(he) h5, html:lang(he) .sliderhome .title,
html:lang(he) .featuresbottom .feature .title, html:lang(he) .flexplace .flex3 .title, html:lang(he) .liststyle .flexview .title,
html:lang(he) .infobox .title, html:lang(he) .horizontalplaceafter, html:lang(he) .goback {font-family: "Noto Sans Hebrew", sans-serif;}

html:lang(he) html, html:lang(he) body, html:lang(he) div, html:lang(he) p, html:lang(he) th, html:lang(he) td, 
html:lang(he) label, html:lang(he) li, html:lang(he) input, html:lang(he) textarea, html:lang(he) button, html:lang(he) a, html:lang(he) pre {font: 300 var(--fontsize) Noto Sans Hebrew, Arial, Helvetica, sans-serif;}
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) .similarslider {direction:rtl}

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

html:lang(he) .toogleselect button, html:lang(he) .welcomeplace input[type="submit"] {float:left}
html:lang(he) .welcomeplace div, html:lang(he) button.addtocart {float:right}
html:lang(he) .bodyflex > div {padding:0 0 0 1%}
html:lang(he) .bodyflex > div:nth-of-type(2n) {padding:0 1% 0 0;}
html:lang(he) .confirmplace > div:nth-of-type(2n) {margin: 0 2% 0 0;}
html:lang(he) .bodytext li {background: url(../images/dot.png) right 8px no-repeat;list-style-type: none;padding: 0 20px 0 0px}
html:lang(he) .linksplace a {background: url(../images/link.png) right center no-repeat;background-size: 25px;}
html:lang(he) div .slick-dots {flex-direction: row-reverse;}
html:lang(he) .togglecart .btn {margin:0 0 0 2%}
html:lang(he) .togglecart .btn:nth-of-type(2n) {margin:0}
html:lang(he) .imgside {float:left;margin:0 2% 20px 0}

html:lang(he) .sliderhome .title {font-weight: 200;}

html:lang(he) .footerlinksplace > div {border-left:none;border-right:1px solid var(--white);}
html:lang(he)  .indexcontent h1 {padding:0 0 0 20px}
html:lang(he) .contacticons h2 {margin:0  0 0 3%}
html:lang(he) .contacticons p {padding:0 5% 0 2%;border-right:none;border-left:1px solid var(--greydark);}
html:lang(he) .contacticons .address {background: url(../images/location.png) 95% 5px no-repeat;}
html:lang(he) .contacticons .phone {background: url(../images/phone2.png) 95% 5px no-repeat;}
html:lang(he) .contacticons .email {background: url(../images/mail2.png) 95% 5px no-repeat;}
html:lang(he) .videoframe {padding: 0 0 5px 15px;}
html:lang(he) .contactform label {margin:0 0 20px 2%;}
html:lang(he) .contactform label:nth-of-type(3n) {margin:0 0 20px 0;}

html:lang(he) a.goback {right:auto;left:0}
html:lang(he) .horizontalplaceafter {left:auto;right:0}

html:lang(he) .horizontalplace { direction: rtl;}

html:lang(he) .horizontalframe .titles {border-left: none;border-right: 10px solid var(--maincolor);    padding: 0 2% 0 4%;}

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

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

@media screen and (min-width: 100px) and (max-width: 1040px) 
{
	header {padding: 10px 2%;}
	.mainmenu li a {padding: 10px 20px;}
	.sliderhome .custom-dots {    padding: 0 2%;}
	.features .imgplace, .selectprojectplace .imgplace {height: 400px;}
	.bodyflex .bodytext {width:100%}
}

@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, .movebtns, .horizontalplaceafter, .sliderhome .slide:before {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, .featuresbottom .feature .title, .infobox .title, .indexcontent h1 {font-size:30px;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title {font-size:25px;}

    .sliderhome .title {font-size:22px;}
	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, .tmpindex header {padding:1% 2%;background:var(--white)}
	html:lang(he) header .wrap {flex-direction: row-reverse;}
    
	.logo {height:auto; flex: auto;}
	.logo a {height:30px;        width: 150px;background-size:contain}
	.tmpindex .logo a, .tmpindex .sticky .logo a {background: url(../images/logo.png) center center no-repeat;background-size:contain}
    html:lang(he) .logo {justify-content: flex-end;}
	.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:4px;background:var(--maincolor);margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-6px;}
	.openmenu div:before { content: '';top:-6px;}
	.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}
	.tmpindex .mainmenu li a {color:var(--fontcolor)}
	.mainmenu li, html:lang(he) .mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li a {padding:10px;border-radius:initial;font-size: 5vw;border-bottom:1px solid var(--grey)}
	.mainmenu li a span {display:block;text-align:center}
	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a {padding:5px;font-size:16px}
	.mainmenu ul {width:100%;margin:0;background:var(--greylight)}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-5%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	/*.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}*/
	.dropmenuplace {display:block;opacity:1;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;box-shadow: 0px 0px 0px rgba(0,0,0,.2); }
	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}

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

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

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

	.featureslinks a {padding: 5px;margin:0 1%;font-size:14px;width: 33%;}

	.contactform {margin:0 0 5% 0}

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

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

	.projects .imgplace {height: 400px;}

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

	.productslistselects .page, .accordionplace, #contactfooter .contactform, footer .page, .infobox .abstract {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, .indexcontent > div, .credits, .bodyflex .bodytext,
	body .confirmplace > div:nth-of-type(2n), .flexplace .flex, .contacticons p, .infobox .imgplace, .infobox .title,
	.infobox .moreabstract, .infobox .abstract, .liststyle .flexview .imgplace, .flexplace .flex3 {width:100%;margin:0 auto 5% auto;border:none}

	.shippingdata > div {width:100%}
	.sliderhome .abstract {padding: 0 4% 20% 4%;}
	.sliderhome .slide, .selectprojectplace .imgplace, .features .imgplace, .flexplace .flex .imgplace,
	.liststyle .flexview .imgplace {height:400px;min-height:0}

	.accordionplace .feature {flex:initial}


    .features .title {font-size: 13px;font-weight: 500;margin:5px 0}
    .tmpprojectsmain .features .imgplace {max-height: 300px;}
    .features > div{width: 31%;margin: 1%;}

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

	table td, table th {padding: 2px;}
	table td, table th, table a, table p {font-size: 11px;    padding: 2px;}
	.projects .seemore {bottom: 45%;}
	.contacticons p {padding:2px 5px 10px 50px;}
	.contacticons .address {background: url(../images/location.png) 0 5px no-repeat;}
	.contacticons .phone {background: url(../images/phone2.png) 0 5px no-repeat;}
	.contacticons .email {background: url(../images/mail2.png) 0 5px no-repeat;}

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

	.smalltitle, .titleplace h1 {margin:10px}
	.tmpnewsitem h1 {font-size: 20px;}

	.footerlinksplace > div, .bannerplace {margin:0;padding:0}

	.tmpprojects .stripplace {min-height: 150px;}

	a.btn2 {padding:5px;font-size:16px;}

    .mobilelang {margin:0 10px;display:block}

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

	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;}
	
.horizontalscroll {
        position: static;
        height: auto;
        overflow: visible;
        padding: 0;
    }

    .horizontalplace {
        position: static;
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        height: auto;
        transform: none !important;
        padding: 0 0 20px 0; 
    }

    .horizontalplace::-webkit-scrollbar {
        display: none;
    }

    .horizontalframe {
        flex: 0 0 auto;
        scroll-snap-align: start;
        width: 100vw;
		display:block
    }
	.horizontalframe img {height:220px;width:auto;max-width:none}
	.frame5 .imgplace img, .frame4 .imgplace img {position:static;width:auto;height:220px;object-fit:none}
	.frame5 .imgplace > div:nth-of-type(2), .frame4 .imgplace > div:nth-of-type(2) {width:auto}

	.horizontalframe .bodytext {width:300px;}
	.horizontalframe .imgplace {display: flex;height:auto}
	.horizontalframe .emptyframe {display: none}

	div .slick-prev, div .slick-next {zoom:.5}


	.horizontalscrollslider .bodytext p {font-size:15px;line-height:120%}

    .videoframe {padding:0}
    .horizontalscrollslider .slick-slide > div {padding:5px;}


    .horizontalscrollnoslider > div {padding:2% 4%;}
    .horizontalscrollnoslider .bodytext p {font-size:15px;line-height:120%}

    .horizontalscrollnoslider {margin:60px 0 0 0;background:var(--greylight)}
    .horizontalscrollnoslider img, .horizontalscrollnoslider video {width:100%;margin:0}
    .horizontalscrollnoslider .titles {border-left:5px solid var(--maincolor);position:relative;padding:0 0 0 4%;}
    .horizontalscrollnoslider .titles h1 {font-size:40px;font-weight:500;color:var(--maincolor);}
    .horizontalscrollnoslider .titles h2 {font-size:var(--fontsize);}
    .horizontalscrollnoslider p img {width: auto !important;height: auto !important;}
    html:lang(he) .footerlinksplace > div, .footerlinksplace > div {padding:0 10px;border:none;margin: 0 0 20px 0;}
    .footerlinksplace a, a.opencontact2 {text-align:center}
    .whitelogo {margin:auto}


    html:lang(he) .contacticons p {padding: 0 50px 0 2%;}

    .preload {zoom:.5}
}

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, .projects img, .slide img, .seemore {-webkit-transition: all 0.20s ease-in-out;}
.menuopen, .menuplace {-webkit-transition: all 0.50s ease-in-out;}

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

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

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

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

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

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

/*.featuresbottom .feature {display: none;}
.featuresbottom .feature.active {display: flex;animation: fadeIn 1s ease-in-out;}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}*/