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

:root {
--maincolor:#F16523;
--fontcolor:#1B1D21;
--fontsize:18px;
--fonttitle:25px;
--fontbold:800; 
--white: #fff;
--black: #000;
--grey:#4F4F4F;
--greylight: #BDBDBD;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--shadow: 0px 0px 15px rgba(0,0,0,0.2);
--radius:50px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a {color:var(--fontcolor);font: normal var(--fontsize) Rubik, 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(--greylight);width:100%;padding:10px 20px;border-radius: 20px;font-size:16px}
div, p, li {line-height: 140%;}
img {max-width:100%}
p, li {margin:0 0 15px 0}
h1, h2, h3, h4, h5 { line-height:100%;margin:0 0 20px 0;color:var(--grey)}
h1 {font-size: 66px;font-weight:var(--fontbold)} h2 {font-size: 46px;font-weight:var(--fontbold)} h3 {font-size: 25px;} 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, .moremenu {display:none}
#main {max-width:1920px;margin:auto;height:100%;position: relative;}
.page, .shortpage {width:100%;max-width:1520px;margin:auto;position:relative}
.shortpage {max-width:1100px}

header {position:fixed;left:0;top:0;width:100%;z-index:6;padding:60px 2% 40px 2%;}
header .wrap {display: flex;align-items: center;}
header .wrap > div:first-of-type, header .wrap > div:last-of-type {box-shadow:var(--shadow);background:var(--white);border-radius:var(--radius);display:flex;align-items: center;}
header .wrap > div:nth-of-type(2n) {flex:auto}
header.sticky {background:var(--white);box-shadow: var(--shadow);padding:20px 2%}
header.sticky .wrap > div {background:none;box-shadow:none}

.logo {margin:0 40px 0 20px;}

.mainmenu {display: flex;margin:0 0 0 20px;}
.mainmenu li {position:relative;margin:0;}
.mainmenu li a {display:flex;padding:20px 5px;align-items: center;height:100%;justify-content: center;color: var(--fontcolor);text-align: center;position:relative;} 
.mainmenu li a span {padding:10px 10px;border:1px solid transparent;border-radius:var(--radius);display:block}
.mainmenu li > a:hover span, .mainmenu li > a:focus span, .mainmenu li.this > a span {border:1px solid var(--maincolor)}

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

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

.topmenu {display: flex;margin:0 20px;}
.topmenu li a {display:flex;padding:20px 5px;align-items: center;height:100%;justify-content: center;color: var(--fontcolor);text-align: center;position:relative;} 
.topmenu li a span {padding:10px 10px;border:1px solid transparent;border-radius:var(--radius);display:block}
.topmenu li > a:hover span, .topmenu li > a:focus span, .topmenu li.this > a span {border:1px solid var(--maincolor)}

.topmenu li {position:relative;margin:0;}
.topmenu ul li {position:relative}
.topmenu li:hover li a, .topmenu li li a, .topmenu li.this li a {padding:5px 10px;display:block;text-align:initial;background:var(--white)}
.topmenu li li:hover a, .topmenu li li a:hover, .topmenu li li a:focus {}

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

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

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 10px 15px 10px 30px;border-radius: var(--radius);border:1px solid var(--maincolor);color:var(--fontcolor);margin:10px auto;text-align:center;background: url(../images/arrowgrey.png) 10px center no-repeat;text-decoration: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 {color:var(--white);background:var(--maincolor) url(../images/arrowwhite.png) 10px center no-repeat;}

.sliderhome {position: relative;}
.sliderhome .slide {height:690px;position: relative;overflow: hidden;}
.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;height:100%;display:flex;flex-direction: column;justify-content: center;}
.sliderhome .title {font-size:66px;color:var(--white);max-width:60%;font-weight:var(--fontbold);text-shadow:0 0 10px var(--black);line-height:100%;margin:0 0 20px 0;}
.sliderhome p, .sliderhome li {font-size:22px;color:var(--white);max-width:60%;text-shadow:0 0 5px var(--black);}
.sliderhome .slick-dotted.slick-slider {margin:0}

.columns {background: rgb(255,242,234);background: linear-gradient(0deg, rgba(255,242,234,1) 0%, rgba(255,255,255,1) 100%);padding-bottom:4%}

.featuresplace {display:flex;flex-wrap:wrap;padding:4% 2%;border-top:1px solid var(--greylight);border-bottom:1px solid var(--greylight);margin:10% 2%}
.featuresplace > div {width:50%;}
.featuresplace > div:first-of-type {border-left:1px solid var(--maincolor)}
.featuresplace .bigtitle {text-align:center}

.featuresplace .features {display:flex;flex-wrap:wrap;justify-content: center;}
.featuresplace .features > div {width:19%;margin:1%}
.featuresplace .features .imgplace {position:relative;overflow:hidden;border-radius:100%;background:var(--maincolor)}
.featuresplace .features .imgplace:before {content: "";padding-top: 100%;display: block;}
.featuresplace .features .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:1}
.featuresplace .features a:hover img {opacity:.3}
.featuresplace .features .abstract {position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}
.featuresplace .features .title {padding:5px;text-align:center;border-radius:var(--radius);background:var(--white);font-size: 15px;}
.featuresplace .features a:hover .title {}
.featuresplace .features a:hover img {transform: scale(1.1,1.1);}

.featureyears {display:flex;flex-wrap:wrap;justify-content: center;padding:2%;position:relative;align-items: center;}
.featureyears:before {content:"";display:block;width:96%;height:1px;background:var(--black);position:absolute;left:2%;top:49%}
.featureyears > div {width:13%;position:relative;}
.featureyears > div .imgplace:after, .featureyears > div .imgplace:before {width:30px;height:1px;background:var(--black);content:"";display:block;transform: rotate(45deg);position:absolute;top: -1.5px;z-index: 2;}
.featureyears > div .imgplace:after {transform: rotate(-45deg);}
.featureyears > div:nth-of-type(4n) {width:20%}
.featureyears > div:nth-of-type(4n) .imgplace {width:100%;height:auto;border:none;border-radius:0;display:block;}
.featureyears > div:nth-of-type(4n) .title, .featureyears > div:nth-of-type(4n) .imgplace:after, .featureyears > div:nth-of-type(4n) .imgplace:before {display:none}
.featureyears .imgplace {position:relative;border-radius:100%;width:110px;height:110px;border:1px solid var(--black);display:flex;align-items: center;justify-content: center;margin:auto;background:var(--white)}
.featureyears .title {padding:5px;text-align:center;}

.featurecircle {text-align:center}
.featurecircle > div {width:300px;height:300px;border-radius:100%;border:1px solid var(--greylight);padding:6%;text-align:center;margin:auto}
.featurecircle .title {font-size:22px;font-weight:700}

.maincolorplace {background: rgb(255,242,234);background: linear-gradient(180deg, rgba(255,242,234,1) 0%, rgba(255,255,255,1) 100%);padding:4% 0}

.tfeaplace {box-shadow:var(--shadow);background:var(--white);border-radius:200px;padding:2%;text-align:center;margin-top:-10%}
.tfeaplace .bigtitle {color:var(--maincolor)}
.tfeaplace .features {display:flex;flex-wrap:wrap;justify-content: center;}
.features > div {width:12.5%;padding:1%;margin:20px 0 0 0}
.features .imgplace {height:110px;display: flex;align-items: center;justify-content: center;}
.features .title {margin:0 0 10px 0;font-size:22px;}

.indextext {margin:5% auto;text-align:center}
.indextext h2 {font-size:66px;}
.indextext h3 {font-size:30px;font-weight:var(--fontbold)}

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

.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 0px;padding: 0;}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 2px no-repeat;list-style-type: none;padding: 0 0 0 25px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}
.bodytext h2, .bodytext h3, .bodytext h4 {margin:20px 0;}
.bodytext h2 {color:var(--maincolor)}
.bodytext h3 {font-weight:var(--fontbold)}

.greyplace {background:#FAF7F6;border-radius:20px;padding:4%;margin:4% 0}
.tmprmp .greyplace {margin:0}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:2.5% 0}
.flexplace .flex {width: 23%;margin: 1%;position:relative;box-shadow: var(--shadow);background: var(--white);border-radius: 20px;overflow:hidden}
.flexplace .flex .title {padding:10px;font-size:22px;text-align:center}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 180px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white)}
.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 {}
.flexplace .flex.slide {margin:0;padding:10px;}
.flexplace .flex .price span {font-weight:var(--fontbold)}

.liststyle {margin:2.5% auto}
.liststyle .flex {margin: 0 0 2% 0;position:relative;box-shadow: var(--shadow);background: var(--white);border-radius: 20px;overflow:hidden}
.liststyle .flexview {display:flex;flex-wrap:wrap}
.liststyle .flexview .imgplace {width:25%;position:relative}
.liststyle .flexview .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:.5}
.liststyle .flexview a:hover .imgplace img {opacity:1}
.liststyle .flexview .abstract {width:75%;padding:2%}
.liststyle .flexview .title {font-size:26px;margin:0 0 20px 0;}

.indexcontent {display:flex;margin:4% auto;flex-wrap:wrap}
.indexcontent > div {width:65%}
.indexcontent > div:nth-of-type(2n) {width:35%}
.indexcontent h1 {font-size:46px;}

#maintitleplace {margin-top:180px;}

.titleplace h1 {text-align:center}

.mainabstract {text-align:center;margin:0 auto 90px auto;position:relative;}
.mainabstract:after {content:"";display:block;width:150px;background:var(--maincolor);height:2px;position:absolute;left:50%;bottom:-40px;margin:0 0 0 -75px;}

.searchplace {}
.search {display:flex;width:200px;border-bottom:1px solid var(--greylight);margin:0 0px 0 30px;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:35px;height:35px;display: block;background: url(../images/search.png) center center no-repeat;}
.search .submitsearch:hover, .search .submitsearch:focus {filter: grayscale(0%);}

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

.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 20px 0;}
.contactform label input, .contactform label textarea, .contactform select {}
.contactform textarea {height:101px;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:"] {}
.contactform a[href^="mailto:"] {}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}
.contactform input[type="submit"] {margin:0;border:none;background: var(--maincolor) url(../images/arrowwhite.png) 10px center no-repeat;color:var(--white)}

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

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

.gmap iframe {width:100%}

#contactfooter {}
#contactfooter .contactform {display:flex;}
#contactfooter .contactform > div {width:48%;margin:1%}
#contactfooter .contactform label {margin:0 0px 18px 0px;}
#contactfooter .contactform input, #contactfooter .contactform textarea {color:var(--white);border-radius:20px;border:1px solid var(--grey);}
#contactfooter .contactform input[type="submit"] {margin:0;border:none;    background: var(--maincolor) url(../images/arrowwhite.png) 10px center no-repeat;}
#contactfooter .contactform input[type="submit"]:hover {}
#contactfooter ::-webkit-input-placeholder { color:var(--white)}
#contactfooter ::-moz-placeholder { color:var(--white)}
#contactfooter :-ms-input-placeholder {color:var(--white) }
#contactfooter :-moz-placeholder {color:var(--white) }

footer {padding:4% 6%;width:100%;display: flex;background:var(--fontcolor)}
footer > div {width:33.3%}

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

.credits {flex:auto;text-align:center;background:var(--white);padding:15px;}
.credits a:hover, .credits a:focus {color:var(--maincolor);}
.credits p, .credits a {margin:0;color:var(--fontcolor)}

.logosplace {text-align:center;margin:5% 2%}

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

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

.imagesplace {position:relative;margin:0 0 2.5% 0;display: flex;}
.imagesplace a {display:flex;position:relative;}
.imagesplace img {margin:auto;max-height:800px}

.video {width: 31%;margin: 1%;position:relative;}
.video .title {padding:10px;font-size:22px;text-align:center}
.video > a {display:block;position:relative}
.video .imgplace {width: 100%;height: 280px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white)}
.video img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.video .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.video a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.video a:hover .title, .flex a:focus .title {color:var(--maincolor)}

.flexplace .download {width:100%;margin:0 0 20px 0;}
.flexplace .download .df {display:flex;padding:2%;align-items: center;height: 100%;}
.flexplace .download .title {text-align:initial;font-size:20px;width:90%}
.flexplace .download .icon {width:10%;height:50px;margin:0 0 0 10px;position:relative;padding:0 0 0 10px;display: flex;align-items: center;justify-content: center;font-size:16px;}
.flexplace .download .icon img {position:static;width:auto;height:auto;max-width:50px;max-height:50px;}
.flexplace .download .icon:before {background:var(--greylight);width:1px;height:40px;display:block;content:"";position:absolute;left:0;top:5px;}
.flexplace .download a {text-align:center;font-size:16px;}
.flexplace .download .abstract {font-size:16px;}

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

div .sliderbtn {position:absolute;left:10px;bottom:10px;display: flex;padding:5px;background:var(--white);border-radius:10px;}
div .sliderbtn a {padding:5px 35px 5px 10px;margin:0 2.5px;font-size: 15px;color:var(--black);    box-shadow: var(--shadow);background: var(--white);border-radius: var(--radius);}
div .sliderbtn .pause:hover, div .sliderbtn .pause:focus {background:#f0f0f0 url(../images/pause.png) 94% center no-repeat;background-size:25px;}
div .sliderbtn .play:hover, div .sliderbtn .play:focus {background:#f0f0f0 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 {position: relative;margin:0 0 10px 0;}
.faqsplace .question { padding:10px 40px;width:100%;text-align:initial;}
.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 .answer {padding:0px 40px;display:none}
.faqsplace .answer p, .faqsplace .answer li {margin:0;text-align:initial}

.faqsplace .question span {position:absolute;right:0px;top:5px;width:30px;height:30px;display:flex;align-items: center;justify-content: center;border-radius:100%;border:2px solid var(--grey)}
.faqsplace .question span:after {content:"?";display:block;position: absolute;}

.faqsplace .question:hover span {border:2px solid var(--maincolor)}
.faqsplace .question:hover span:after, .faqsplace .question:hover p {color:var(--maincolor)}

.faqsplace .question.opened span:after {background:var(--black);width:5px;height:5px;border-radius:100%;content:""}
.faqsplace .question.opened:hover span:after {background:var(--maincolor);}
	

.docsplace, .linksplace {box-shadow: var(--shadow);background: var(--white);border-radius: var(--radius);display: flex;align-items: center;padding:2%;margin:2.5% auto;}
.docsplace .title, .linksplace .title {font-size: var(--fonttitle);font-weight:var(--fontbold);margin:0 0 0px 10px;color:var(--maincolor)}
.docsplace a, .linksplace a, .openyoutube {display:flex;align-items: center;color:var(--black);border:1px solid var(--grey);border-radius:var(--radius);margin:0 10px;padding:7px 10px;}
.docsplace a:hover, .linksplace a:hover {text-decoration:underline}
.docsplace a img, .linksplace a img {margin:0 10px;max-height:35px;}
.docsplace a img {display:none}
.docsplace a {background: url(../images/file.png) 92% center no-repeat;padding:7px 50px 7px 10px}
.linksplace a {background: url(../images/link.png) 92% center no-repeat;padding:7px 50px 7px 10px}

.openyoutube {background: url(../images/you.png) 92% center no-repeat;padding:7px 50px 7px 10px;border:1px solid #EB5757;color:#EB5757}

.client {background:var(--white);padding:2%;text-align:center}

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

.productsearchflex {}

.leftcolumn {width: 100%;float: left;}
.leftmenu {display:flex;flex-wrap: wrap;justify-content: center;margin:0 0 2.5% 0}
.leftmenu a {display:inline-block;padding:5px 10px;color:var(--fontcolor);border:1px solid var(--maincolor);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-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 p, .bannerplace a, .bannerplace li {color:var(--white)}

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

.footerlinksplace {display: flex;flex-wrap: wrap;}
.footerlinksplace .title {font-size:24px;color:var(--white);margin:0px 0 10px 0}
.footerlinksplace a {font-size:15px;display:block;margin:5px 0 0 0;color:var(--white)}
.footerlinksplace a:hover {;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;}

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

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

.slider-for {}
.slider-for img {margin:auto;max-width:90%;max-height:90%;}
.slider-for .slick-slide > div {display:flex;background:var(--white);height:450px;align-items: center;justify-content: center;border:1px solid var(--greylight);border-radius:5px;}
.slider-for .slick-slide {padding:1px;}

.slider-nav {} 
.slider-nav .slick-slide {margin:0 0 10px 0;cursor:pointer}
.slider-nav .slick-slide > div {height:90px;display:flex;background:var(--white);align-items: center;justify-content: center;border:1px solid var(--greylight);margin:2px;border-radius:3px;}
.slider-nav img {margin:auto;max-width:90%;max-height:90%;}
.slider-nav .slick-slide.slick-current > div {border:1px solid var(--maincolor)}
.slider-nav a:hover img, .slider-nav a:focus img {transform: scale(1.1,1.1);}

.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:2.5% 0;background:var(--greylight);padding:2%;width:100%;float:left;display: flex;flex-wrap: wrap;}
.infobox {width:31.3%;margin:1%}
.infobox .imgplace {width: 100%;height: 250px;position: relative;overflow: hidden;border:1px solid var(--grey);}
.infobox img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.infobox a:hover img, .infobox a:focus img {transform: scale(1.1,1.1);}
.infobox .title {font-size: var(--fonttitle);margin: 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: var(--fontbold);min-height: 60px;}

.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:30px;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:22px;margin:0;cursor:pointer}
.glossaryplace .question.opened p {color:var(--maincolor)}
.glossaryplace .letter {font-size:30px;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));}

.productflex {display:flex;flex-wrap:wrap;}
.productflex > div {width:65%;position:relative;overflow: hidden;}
.productflex > div:nth-of-type(2n) {width:35%;padding:0 10px 0 0}
.productflex .smalltitle {max-width:90%;font-size:30px;font-weight:500;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid var(--greylight)}
.productflex h1 {margin:0}
.productflex .bodytext p {max-width:90%}
.productflex .docsplace {    box-shadow: none;background: none;border-radius: 0;padding: 0;margin: 0;float:right}
.productflex .docsplace .title {display:none}

.contactproduct {position:relative;margin:0 auto 30px auto;}
.contactproduct a:after, .contactproduct a:before {width:100%;height:1px;background:var(--maincolor);content:"";display:block;position:absolute;left:105%;top:20px;}
.contactproduct a:after {left:auto;right:105%;}
.contactproduct a {background:var(--maincolor) url(../images/i.png) 95% center no-repeat;padding:10px 60px 10px 20px;color:var(--white);border-radius:var(--radius);font-size:18px;width:380px;margin:auto;display:block;position:relative}
.contactproduct a:hover, .contactproduct a:focus {background-color:var(--grey)}

.tmpproductsliststore .mainabstract {display:none}

.productsearchflex {display:flex;flex-wrap:wrap;width:100%;float:left}

.productleftside {width:80%}

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

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

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

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

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

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

div .slick-dots {text-align:right;bottom:20px;    display: flex;justify-content: flex-end;padding:0 4%}
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(--grey);border-radius:100%;opacity:.5}
div .slick-dots li.slick-active button:before {opacity:1;background: var(--grey)}

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

html:lang(he) body {text-align:right;direction:rtl;}
html:lang(he) .slider-for, html:lang(he) .slider-nav, 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 {direction:rtl}
html:lang(he) .accountplace .openaccount, html:lang(he) button.addtocart, html:lang(he) .movebtns {flex-direction: row-reverse;}
html:lang(he) .logo {justify-content: flex-end;}
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 {left:auto;right:-20px;}
html:lang(he) .productslistselects .page > div .title:after {right: auto;left: 15px;}
html:lang(he) .productslistselects .page > div .title:before {right: auto;left: 21px;}
html:lang(he) .toogleselect, html:lang(he) .contactform .s_top, html:lang(he) .contactform .errorplace,
html:lang(he) .search_results, html:lang(he) .dropmenuplace {left:auto;right:0px;}
html:lang(he) .stepbefore a, html:lang(he) .stepcurrent a, html:lang(he) .stepafter a {right:auto;left:0;}
html:lang(he) .toogleselect button, html:lang(he) .welcomeplace input[type="submit"] {float:left}
html:lang(he) .welcomeplace div, html:lang(he) button.addtocart {float:right}
html:lang(he) .bodyflex > div {padding:0 0 0 2%}
html:lang(he) .bodyflex > div:nth-of-type(2n) {padding: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 2px no-repeat;padding: 0 25px 0 0}

@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: 1309px) and (max-width: 1439px) 
{
	.page {padding:0 4%}
	.tfeaplace.page {padding:4%}
}

@media screen and (min-width: 1031px) and (max-width: 1310px) 
{
	.page {padding:0 4%}
	.tfeaplace.page {padding:4%}
}
@media screen and (min-width: 1001px) and (max-width: 1030px) 
{
	.page {padding:0 1%}
	.tfeaplace.page {padding:2%}
}
@media screen and (min-width: 320px) and (max-width: 1000px) 
{
	@-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,
	.featureyears:before, .docsplace .title {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: 16px;}
	h1, .bigtitle, .sliderhome .title, .indexcontent h1, .indextext h2 {font-size:30px;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title {font-size:25px;}
	h3, .indextext 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, header.sticky {padding:1% 2%;}
	header .wrap {direction: ltr;}
	header .wrap > div:first-of-type, header .wrap > div:last-of-type {box-shadow: none;background: none;border-radius: 0;display:block}

	.logo {float:left;margin:5px;}
	.logo img, html:lang(he) .logo img {height:30px;}

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

	.menuplace, body:lang(he) .menuplace {z-index:999;transform: translateX(-105%);position:fixed;top:0px;width:90%;margin:0;height: 100vh;background: var(--white);box-shadow: var(--shadow);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 100%;padding: 0;position: absolute;top: 0px;left: 0%;margin: 0; box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding:0 0 30% 0}
	.mainmenu li, html:lang(he) .mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li a {padding:5px;border-radius:initial;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:0px;background:var(--greylight);}
	.mainmenu ul {width:100%;margin:0;}
	.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: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}

	#maintitleplace {margin-top:80px}
	
	.mdisable .searchplace {overflow: hidden;}

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

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

	.contactform {margin:0 0 5% 0}

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

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

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

	.shippingdata > div {width:100%}

	.features .imgplace {width:150px;height:150px;margin:auto}

	.sliderhome .slide {height:350px;}
	.sliderhome .title {max-width:100%;font-size:22px;}
	.sliderhome p, .sliderhome li {max-width:100%;font-size:16px;}
	.accordionplace .feature {flex:initial}

	.featuresplace > div:first-of-type, .featuresplace {border:none}

	.tfeaplace {border-radius: 20px;margin:2%;width:96%;padding:4%}
	
	.liststyle.shortpage {padding:0;}

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

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

	.bodytext ul li {margin: 0px 0px 10px 0px;line-height: 120%;}
	.bodytext {overflow:visible}
	.bodytext table {max-width:100%; border-spacing: 0px;border-collapse: separate;}

	html:lang(he) .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;}

	.contactproduct a {width:100%;font-size:15px;}

	.greyplace {margin:1% 0;padding:2%}

	.mainabstract {margin: 0 auto 40px auto;}
	.mainabstract:after {bottom: -20px;}

	.docsplace a, .linksplace a, .openyoutube {margin:0 0 10px 10px;}
}

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

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

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

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

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