@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 200;src: url('Fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 400;src: url('Fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 600;src: url('Fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */}
@font-face {font-family: 'Montserrat';font-style: normal;font-weight: 800;src: url('Fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */src: local(''),url('Fonts/montserrat-v25-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('Fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */url('Fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */url('Fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */url('Fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */}

:root {
--maincolor:#E2181D;
--fontcolor:#000;
--fontsize:19px;
--fonttitle:26px;
--fontbold:600; 
--white: #fff;
--black: #000;
--grey: #707070;
--bggrey: #afafaf;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.9);
--shadow: 0px 0px 10px rgba(0,0,0,0.5);
--radius:30px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a {color:var(--fontcolor);font: normal var(--fontsize) Montserrat, 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(--bggrey);width:100%;padding:10px;}
div, p {line-height: 160%;}
img {max-width:100%}
 
h1, h2, h3, h4, h5, .title { line-height:100%;font-weight:200}
h1 {font-size: 60px;} h2 {font-size: 40px;} h3 {font-size: 26px;} h4 {font-size: 20px;} h5 {font-size: 18px;}

a {text-decoration:none;}
.openmenu {display:none}
#main {max-width:1920px;margin:auto;height:100%;position: relative;}
.page {width:100%;max-width:1440px;margin:auto;position:relative}

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

.logo {flex: auto;}
.logo a {display: flex;height: 49px;}
.logo img {filter: brightness(0) invert(1)}

.sticky .logo img {filter:none}

.mainmenu {display: flex;width: 100%;}
.mainmenu li {position:relative}
.mainmenu li a {display:flex;padding:12.5px 20px;align-items: center;height:100%;justify-content: center;color: var(--white);text-align: center;position:relative}
.mainmenu li:hover > a, .mainmenu li > a:hover, .sticky .mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li a.this, .sticky .mainmenu li a.this {color: var(--white);background:var(--maincolor);text-shadow:none}

.sticky .mainmenu li a {color:var(--black);text-shadow:.2px .2px 1px #000}

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

.mainmenu ul ul {display:none;position:absolute;right:100%;top:0;width: 320px;background: var(--black);}

.mainmenu ul ul ul {background: none;}
.mainmenu li li li a, .mainmenu li li:hover li a {font-weight:initial;background:none}
.mainmenu li li li:hover a, .mainmenu li li li a:hover, .mainmenu li li li a:focus {background:var(--blackopacity2);font-weight:var(--fontbold);}

.mainmenu ul ul ul a:after, .mainmenu ul ul ul a:before {content:none}

.mainmenu li li li li a, .mainmenu li li li:hover li a {font-weight:initial;background:none}
.mainmenu li li li li:hover a, .mainmenu li li li li a:hover, .mainmenu li li li li a:focus {background:var(--blackopacity);font-weight:var(--fontbold);}

.topmenu {display: flex;float:right}
.topmenu li {position:relative}
.topmenu li a {display:flex;padding:10px 20px;align-items: center;height:100%;justify-content: center;color: var(--white);text-align: center;position:relative;font-weight:200}
.topmenu li:hover > a, .topmenu li > a:hover, .sticky .topmenu li a:hover, .topmenu li > a:focus, .topmenu li a.this, .sticky .topmenu li a.this {color: var(--white);background:var(--maincolor);text-shadow:0.2px 0.2px 1px #fff}

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

.sticky .topmenu li a {color:var(--black);text-shadow:.2px .2px 1px #000}

.dropmenuplace {position: absolute;top: 100%;left: 0%;z-index: 1;width: 300px;display: none;background:var(--grey);box-shadow: var(--shadow);}
.toggleplace, .togglecart, .toggleaccount {position: absolute;top: 100%;left: 0%;z-index: 1;width: 300px;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 {filter: brightness(0) invert(0);position: relative;display: block;padding: 20px 80px 20px 5px;color:var(--maincolor);margin:20px auto;border:none;border-top:1px solid var(--maincolor);border-bottom:1px solid var(--maincolor);background: url(../images/redarrow.png) right center no-repeat;text-align:left}
a.btn:hover, span.btn:hover, input[type="submit"]:hover, button.btn:hover {filter:none}

.sliderhome {position: relative;}
.sliderhome .slide {height:800px;position: relative;overflow: hidden;background:var(--black)}
.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:.75}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;height:100%;display:flex;z-index: 3;    align-items: flex-end;justify-content: center;}
.sliderhome .title {font-size:50px;color:var(--white);font-weight:var(--fontbold);padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:1px solid var(--white)}
.sliderhome .slide:before {background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);content:"";display:block;position:absolute;left:0;top:0;width:100%;height:25%;z-index: 2;}
.sliderhome .slide:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index: 2;background: url(../images/bg.png) left bottom no-repeat;    filter: brightness(0) invert(0);}
.sliderhome .moreabstract {}
.sliderhome p, .sliderhome h3 {color:var(--white);font-size:var(--fonttitle);margin:0 0 10px 0;font-weight:var(--fontbold);}
.sliderhome .btn {filter: brightness(0) invert(1);display:inline-block}

.opensearch {float:right;width:20px;height:20px;background: url(../images/search.png) center center no-repeat;margin:10px }
.sticky .opensearch {filter: invert(1);}

.searchplace {display:none;position:fixed;right:0;top:110px;z-index:9;padding:10px;background:var(--blackopacity)}
.search {display:flex;width:300px;position:relative}
.searchplace.opened {display:block} 
.search label {display:inline-block;margin:0;width: 100%;}
.search input {padding:6px 10px;color:var(--white);}
.search .submitsearch {width:30px;height:36px;display: block;background: url(../images/search.png) center center no-repeat;}
.search .submitsearch:hover, .search .submitsearch:focus {}

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

.linesplace {position:relative;overflow:hidden;padding:6% 0 0 0}
.linesplace:before, .linesplace:after {position:absolute;left:143px;top:-200px;content:"";display:block;background:var(--maincolor);opacity:.2;transform: rotate(45deg);width:45px;height:1200px;}
.linesplace:after {left: -183px;width: 32px;}

.columns {position:relative;overflow:hidden;padding:0 0 4% 0}
.columns:before, .columns:after {position:absolute;right:140px;top:-200px;content:"";display:block;background:var(--maincolor);opacity:.2;transform: rotate(-45deg);width:45px;height:1200px;}
.columns:after {left: 900px;height: 2850px;background: #CBCBCB;top: -100px;}

.content {z-index:2;position:relative}

.indexcontent .bodyflex > div {width:60%;margin:0}
.indexcontent .bodyflex > div:nth-of-type(2) {width:40%;padding:0 0 0 2%}

.indexcontent h1 {margin:0 0 60px 0;position:relative}
.indexcontent h1:after {position:absolute;left:0%;bottom:-30px;content:"";display:block;background:var(--maincolor);width:50%;height:1px;}
.indexcontent .btn {width:200px;margin:20px 0 0 0}

.stripplace {min-height:430px;position:relative;overflow:hidden;display:flex;flex-direction: column;justify-content: flex-end;padding: 0 0 4% 0;}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.stripplace:before {background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index: 2;}

.pagetitle {position:relative;padding:0 6%;z-index:2;}
.pagetitle h1, .mainabstract h2 {color:var(--white);font-weight:var(--fontbold);margin:0 0 2.5% 0}

.mainabstract, .mainabstract h2, .mainabstract p, .mainabstract li, .mainabstract h3 {color: var(--white);font-size: var(--fonttitle);margin: 0 0 10px 0;font-weight: var(--fontbold);}
.tmpnewsitem .mainabstract, .tmpnewsitem .mainabstract h2, .tmpnewsitem .mainabstract p, .tmpnewsitem .mainabstract li, .tmpnewsitem .mainabstract h3 {color: var(--black);}
.mainabstract h2 {font-size:32px;}

.smalltitle {margin:0 0 30px 0;}
.smalldatetitle {margin:0 0 30px 0;font-weight:bold}

.bodyflex {display:flex;flex-wrap:wrap}
.bodyflex > div {width:48%;margin:0 4% 0 0}
.bodyflex > div:nth-of-type(2) {margin:0}
.bodyflex > div:nth-of-type(2) .bodytext {background:#E8E5E5;padding:4%;margin:0 0 50px 0}

.bodyflex2 {display: flex;justify-content: center;flex-wrap: wrap;}
.bodyflex2 > div {    width: 100%;max-width:60%;margin:0 0 4% 0 }
.bodyflex2 > div:nth-of-type(2) .bodytext {background:#E8E5E5;padding:4%;margin:20px 0}

.bodyflex2 p img {height: auto;}

.bodytext p, .bannerplace p { line-height:160%;margin:0 0 15px 0}
.bodytext p a, .bodyflex p a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul li {margin:0px 0px 10px 0px;line-height:140%;list-style-type:none;list-style: none;background: url(../images/dot.png) left center no-repeat;padding:0 20px;}
.bodytext ul, .infobox ul {margin:0 0px}
.bodytext li {margin:0 0px 5px 0px;line-height:120%}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}
.bodytext h2, .bodytext h3, .bodytext h4 {margin:20px 0;line-height:120%;}
.bodytext h3 {font-weight:var(--fontbold)}

.bodytext3place {display:flex;flex-wrap:wrap}
.bodytext3place > div {width:33.3%;padding:2%}

.leftcolumn {width: 100%;float: left;z-index: 2;position:relative}
.leftmenu {display:flex;flex-wrap: wrap;justify-content: center;margin:2.5% 0}
.leftmenu a {display:inline-block;padding:10px 15px;color:var(--grey);border:1px solid var(--grey);margin:10px;font-weight:var(--fontbold)}
.leftmenu .level1.this, .leftmenu .level2 {display:none}
.leftmenu a:hover {background:var(--blackopacity2);color:var(--black);}
.leftmenu .this a {}

.bigtitle {font-size:60px;text-align:center;margin:0 0 60px 0;color:var(--maincolor)}
.bigtitle span {border-bottom:1px solid var(--maincolor);padding:20px 0;display:inline-block}

#featuresplace {width:100%;float:left}

.features {display:flex;flex-wrap:wrap;}
.features a {display:block;overflow: hidden;}

.coreplace {background: rgb(229,229,229);background: linear-gradient(180deg, rgba(229,229,229,0) 0%, rgba(229,229,229,1) 25%);padding:6% 0;overflow:hidden}
.coreplace .feature {width:25%;padding:2%;}
.coreplace .feature:nth-of-type(2n) {background: rgb(217,217,217);background: linear-gradient(180deg, rgba(217,217,217,0) 0%, rgba(217,217,217,1) 25%);}
.coreplace .feature:nth-of-type(3n) {background: rgb(204,204,204);background: linear-gradient(180deg, rgba(204,204,204,0) 0%, rgba(204,204,204,1) 25%);}
.coreplace .feature:nth-of-type(4n) {background: rgb(192,192,192);background: linear-gradient(180deg, rgba(192,192,192,0) 0%, rgba(192,192,192,1) 25%);}
.coreplace .feature .imgplace {margin:0 auto 20px auto;padding:20px;display:flex;height:150px;border-bottom:1px solid var(--maincolor);align-items: center;justify-content: center;}
.coreplace .feature .title {font-size:var(--fonttitle);font-weight:600;text-align:center;min-height:54px;}
.coreplace .feature a {position:relative;border:1px solid transparent;padding:40px 40px 100px 40px;background: url(../images/redarrow.png) center 120% no-repeat;}
.coreplace .feature a:hover {border:1px solid var(--maincolor);background: url(../images/redarrow.png) center 94% no-repeat;}
.coreplace .feature .imgplace img {max-width:100px;max-height:100px;filter: grayscale(100%);}


.applicationsplace .bigtitle {font-size:30px;margin:0 0 60px 0;position:relative}
.applicationsplace .bigtitle:after {position:absolute;left:50%;bottom:-30px;content:"";display:block;background:var(--maincolor);width:400px;margin:0 0 0 -200px;height:1px;}

.applicationsplace .features {padding:0 4%;display:block}
.applicationsplace .feature {padding:2% 0;float:left;width: 100%;}
.applicationsplace .feature a {padding:5px;position:relative;}
.applicationsplace .feature:nth-of-type(2n) a {float:right}
.applicationsplace .feature .featureimgplace {width:400px;margin: 0  0 30px 0;zoom:.7}
.applicationsplace .feature .imgplace {width: 100%;position: relative;height: 230px;overflow: hidden;z-index: 2;margin:0 0 15px 0;}
.applicationsplace .feature .imgplace div {overflow: hidden;transform: rotate(45deg);position: absolute;height: 400px;width: 550px;right: -50px;top: -40px;}
.applicationsplace .feature .imgplace div img {transform: rotate(-45deg);z-index: 2;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.applicationsplace .feature .title {font-size:var(--fonttitle);font-weight:var(--fontbold);margin:0 0 20px 0;}

.applicationsplace .feature a:hover .title {color:var(--maincolor)}
.applicationsplace .feature .imgplacehover {width: 400px;position: absolute;height: 230px;overflow: hidden;left: 5px;top: 5px;}
.applicationsplace .feature .imgplacehover:after {content: "";display: block;background: var(--maincolor);overflow: hidden;transform: rotate(45deg);position: absolute;height: 400px;width: 550px;right: -50px;top: -40px;}
.applicationsplace .feature a:hover .imgplacehover {left: 15px;top: 10px;}
.applicationsplace .feature .imgplacehover:nth-of-type(2):after {}
.applicationsplace .feature a:hover .imgplacehover:nth-of-type(2) {left: -10px;top: -10px;}

.applicationsplace .feature:nth-of-type(2) a, .applicationsplace .feature:nth-of-type(6) a {margin:0 8% 0 0}
.applicationsplace .feature:nth-of-type(3) a {margin:0 0 0 8%}

.applicationsplace .feature:nth-of-type(2n) .featureimgplace {-webkit-transform: scaleX(-1);transform: scaleX(-1);}
.applicationsplace .feature:nth-of-type(2n) .imgplacehover {left: 0px;top: 0px;}

.bottomfeaturesplace {padding:30px 0}
.bottomfeaturesplace .feature {width:32.83%;margin: 0 .25%;height:310px;position:relative;overflow:hidden}
.bottomfeaturesplace .feature .title {background:var(--white);font-size:var(--fonttitle);font-weight:var(--fontbold);color:var(--black);padding:20px;position:absolute;left:0;bottom:0;}
.bottomfeaturesplace .feature a:hover .title {color:var(--white);background:var(--maincolor)}
.bottomfeaturesplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.newshomeplace {padding:6% 4%;}
.newshomeplace .bigtitle {color:var(--grey)}
.newshomeplace .bigtitle span {border-bottom:1px solid var(--grey)}
.newshome {display:flex;flex-wrap:wrap;}
.newshome > div {width:27.3%;margin:3%}
.newshome .imgplace {width:120px;height:120px;border-radius:100%;float:left;margin:0 20px 0 0;}
.newshome .imgplace div {width:120px;height:120px;border-radius:100%;overflow:hidden;position:relative}
.newshome .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.newshome .title {font-size:var(--fonttitle);font-weight:var(--fontbold);color:var(--grey);padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid var(--grey)}
.newshome .abstract {overflow:hidden}
.newshome .btn {display:inline-block;border-bottom:none;border-top:1px solid var(--grey)}
.newshome a:hover .title {color:var(--maincolor);}
.newshome a:hover .btn {border-top: 1px solid var(--maincolor);filter:none}

.articles {display:flex;flex-wrap:wrap;}
.articles > div {/*width:48%;margin:0 4% 4% 0*/margin:0 0 4% 0}
/*.articles > div:nth-of-type(2n) {width:48%;margin:0 0 4% 0}*/
.articles .imgplace {width:220px;height:220px;border-radius:100%;float:left;margin:0 20px 0 0;}
.articles .imgplace div {width:220px;height:220px;border-radius:100%;overflow:hidden;position:relative}
.articles .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.article .title {font-size:var(--fonttitle);font-weight:var(--fontbold);color:var(--grey);padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid var(--grey)}
.article .abstract {overflow:hidden}
.article .btn {display:inline-block;border-bottom:none;border-top:1px solid var(--grey)}
.article a:hover .title {color:var(--maincolor);}
.article a:hover .btn {border-top: 1px solid var(--maincolor);filter:none}
.article .date {font-weight:var(--fontbold);}

.faqsplace .question { padding:5px 40px;margin: 20px 0 0 0;position: relative;width:100%}
.faqsplace .question p, .faqsplace .question li { text-align:initial;margin:0;font-weight:var(--fontbold);}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {text-decoration:underline}

.faqsplace .answer {display:none;padding:5px 40px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;}

.faqsplace .question span {position:absolute;left:0px;top:16px;background:var(--bggrey);width:20px;height:4px;}
.faqsplace .question span:before, .faqsplace .question span:after {transform: rotate(45deg);content:"";display:block;width:20px;height:4px;background:var(--bggrey);position:absolute;right: -3px;top: -6px;}
.faqsplace .question span:after {transform: rotate(-45deg);right: -3px;top: 6px;}
.faqsplace .question.opened span {transform: rotate(90deg);}
.faqsplace .question.opened span, .faqsplace .question.opened span:after, .faqsplace .question.opened span:before {background:var(--maincolor)}

.imagesplace {position:relative;margin:0 0 40px 0;}
.imagesplace .slick-slide a {display:flex !important;height:600px}
.imagesplace img {margin:auto;max-height:600px}
.imgside {float:left;width:46%;margin:0 4% 40px 0;}

.searchresultstitle {margin:40px 0 20px 0}
.searchresults {border-bottom:1px solid #ccc;padding:0 0 20px 0;margin:0 0 20px 0;}
.searchresults h2, .searchresults h3 {margin:0;}

.sliderbtn {position:absolute;right:0px;bottom:-30px;display: flex;}
.sliderbtn a {padding:5px 10px;margin:0 2.5px;font-size: 15px;}

.docsplace {background:#333;padding:4%;margin:50px 0;}
.docsplace .title {font-size: var(--fonttitle);font-weight:var(--fontbold);margin:0 0 10px 0;color:var(--white)}
.docsplace a {display:flex;align-items: center;color:var(--white);margin:10px 0}
.docsplace a img {margin:0 10px;max-height:30px;filter: brightness(0) invert(1);}
.docsplace a:hover {text-decoration:underline}

.contactflex {display:flex;flex-wrap:wrap;margin:5% 0 0 0}
.contactflex > div {width:30%}
.contactflex .gmap {margin:0 3%;}
.gmap iframe {width:100%}

.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 25px 0;}
.contactform label input, .contactform label textarea, .contactform select {background:var(--whiteopacity)}
.contactform textarea {height:105px;float: left;width: 100%;}
.contactform select {padding:10px;}
.contactform .errorplace {display: none;color:#ff0000;position:absolute;left:0;bottom:-18px;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 input[type="submit"] {float: right;width: auto;}
.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);}

footer {display: flex;flex-wrap: wrap;margin:50px 0 0 0}
footer > div {margin:.25%;background:var(--grey);padding:6% 4%;position:relative;overflow:hidden}
footer > div:first-of-type {display:flex;flex-wrap: wrap;flex-direction: row-reverse;width:39.5%;}
footer > div:nth-of-type(2n) {background:#373637;width:59.5%;}
footer > div:before {background:#FFD2D3;width:50px;height:50px;border:3px solid var(--white);position:absolute;left:-3px;top:-3px;content:"";display:block}

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

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

.footerlinksplace {display: flex;flex-wrap: wrap;}
.footerlinksplace .title {font-weight:var(--fontbold);margin:0px 0 10px 0;color:var(--white);}
.footerlinksplace .title span {display:inline-block;padding:0 0 10px 0;border-bottom:1px solid #F5F2F2}
.footerlinksplace a {display:block;margin:5px 0 0 0;color:#F5F2F2;    font-weight: 200;}
.footerlinksplace a:hover {text-decoration:underline}
.footerlinksplace > div {width:20%;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 {}
.breadcrumbs ul {display: flex;margin:20px 0 40px 0;position: relative;}
.breadcrumbs li {display:inline-block;font-size:16px}
.breadcrumbs span {padding: 0 5px;font-family:Arial}
.breadcrumbs a {color:var(--black);font-size:16px}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;}
.flex {width: 31.3%;margin: 0 3% 3% 0;position:relative}
.flex:nth-of-type(3n) {margin-right: 0;}
.flex .title {font-size: var(--fonttitle);padding:10px 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight:var(--fontbold);background:var(--white);position:absolute;left:0;top:0;}
.flex > a {display:block;position:relative}
.flex a:hover .title, .flex a:focus .title {background:var(--maincolor);color:var(--white)}
.flex .imgplace {width: 100%;height: 310px;position: relative;overflow: hidden;background:var(--white)}
.flex img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flex a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.flex.slide {margin:0;padding:10px;}
.flex .price span {font-weight:var(--fontbold)}

.flex2 {width: 48%;margin: 0 1%;position:relative}
.flex2 .title {font-size: var(--fonttitle);font-weight:var(--fontbold);background:var(--white);margin:10px 0}
.flex2 > a {display:block;position:relative}
.flex2 a:hover .title, .flex2 a:focus .title {background:var(--maincolor);color:var(--white)}
.flex2 .imgplace {width: 100%;height: 310px;position: relative;overflow: hidden;background:var(--white)}
.flex2 img, .flex2 iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flex2 a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.flex2.slide {margin:0;padding:10px;}
.flex2 .price span {font-weight:var(--fontbold)}


.listsplace {
    margin: 40px 0;
}
.listsplace h2 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 10px 10px 0;
    color: var(--black);
}
.downloadboxes {
    display: flex;
    align-content: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.downloadbox {
    width: 24%;
    margin: 0 1% 2% 0;
    background: #f0f0f0;
    padding: 10px;
}
.downloadbox > div:first-of-type {
    float: right;
    max-width: 78%;
}
.downloadbox .title {
    font-weight:500

}
.downloadbox a {
    display: block;
    background: url(../images/download.png) left 0 no-repeat;
    font-size: 16px;
    line-height: 100%;
    padding: 5px 10px 5px 60px;
    background-size: 50px;
	min-height:50px;
}
.downloadbox img {
    display: none;
}

.downloads {display: flex;flex-wrap: wrap;float:left;width:100%;margin:0 0 50px 0;}
.download { width: 24%;margin: 0 1% 2% 0;}
.download a {border:1px solid var(--black);padding:20px 20px 20px 60px;display:block;height: 100%;position:relative;}
.download a:before {background: url(../images/file.png) center center no-repeat;width:40px;height:40px;content:"";display:block;position:absolute;left:10px;top:20px;filter:  }
.download a:hover:before {filter: brightness(1) invert(0)}
.download:nth-of-type(4n) {margin-right: 0;}
.download .title {font-weight:var(--fontbold);border-bottom:1px solid var(--bggrey);margin:0 0 10px 0;padding:0 0 10px 0;}
.download a:hover {border:1px solid var(--maincolor);}
.download a:hover .title {color:var(--maincolor)}

.tabsplacewrap {margin:4% 0;background:var(--grey);padding:0 4% 4% 4%;}

.tabsplace {width:100%;float:left;display:flex;margin:2.5% 0 0 0;background:var(--white);flex-wrap: wrap;}
.tabsplace button {padding:30px;display: flex;flex-direction: column;align-items: center;position:relative;background: rgb(217,217,217);background: linear-gradient(180deg, rgba(217,217,217,1) 0%, rgba(217,217,217,0) 100%);font-weight:var(--fontbold);position:relative;border-bottom:1px solid var(--bggrey);margin:0 0 -1px 0}
.tabsplace button.this:after, .tabsplace button.this:before {content:"";display:block;width:1px;height:100%;background:var(--bggrey);position:absolute;left:0;top:0;}
.tabsplace button.this:after {left:auto;right:0}
.tabsplace button.this {border-bottom:1px solid var(--white)}
.tabsplace button:hover, .tabsplace button:focus, .tabsplace button.this {outline:none;outline-offset: 0px;box-shadow:none;color:var(--maincolor);background: rgb(175,175,175);background: linear-gradient(180deg, rgba(175,175,175,1) 0%, rgba(175,175,175,0) 100%);}
.tabcontentplace {width:100%;float:left;padding:20px;border:1px solid var(--bggrey);background:var(--white);}
.tabcontentplace .tab {display:none} 
.tabcontentplace .tab.this {display:block}
.tabcontentplace .bodytext, .tabcontentplace .bodytext p {margin:0;}
.tabcontentplace .docsplace, .tabcontentplace .linksplace  {margin:0;padding:0;border:none;}
.tabcontentplace table, .bodytext table {width:100%;border-top:1px solid #ccc;border-right:1px solid #ccc;    border-spacing: 0}
.tabcontentplace td, .tabcontentplace th, .bodytext td, .bodytext th {padding:5px;border-bottom:1px solid #ccc;border-left:1px solid #ccc}
.tabcontentplace th, .bodytext th {background: #f0f0f0;}

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

.grid {padding:0 2%}
.grid-sizer, .grid-item {width: 23.25%;}
.grid-item {margin-bottom:2%;float: left;overflow:hidden;background:var(--white)}
.grid-item img {max-width:100%}
.gutter-sizer {width: 2%;}
.grid-item a {display:flex}
.grid-item a:hover img {transform: scale(1.1,1.1);}
.grid-item div {background: var(--blackopacity);width:100%;height:auto;position:absolute;left:0px;bottom:0px;margin:0; padding:10px;display:none}
.grid-item img {margin:auto}

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

.bannerplace {width:60%;position:relative}
.bannerplace p, .bannerplace li, .banner a {color:#F5F2F2;font-weight: 200;}
.banner a {text-decoration:underline}

.socialmedia {width:40%}
.socialmedia ul {display: flex;}
.socialmedia li {margin:0 0 0 10px;}
.socialmedia img {max-height:40px;filter: brightness(0) invert(1)}

a.fixedcontact {display: block;font-size: 25px;color: #fff;width: 140px;background: var(--maincolor) url(../images/iconcontact.png) 40% 5px no-repeat;position: fixed;right: 0;bottom: 100px;padding: 65px 10px 10px 40px;-moz-box-shadow: 0px 0px 10px rgba(100,100,100,0.4);-webkit-box-shadow: 0px 0px 10px rgba(100,100,100,0.4);box-shadow: 0px 0px 10px rgba(100,100,100,0.4);-webkit-border-radius: 100px 0 0 100px;-moz-border-radius: 100px 0 0 100px;border-radius: 100px 0 0 100px;z-index:99}
a.fixedcontact:hover {background-color:#525252;}

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

:focus, .saveforlatermenu:focus {outline: 1px dashed var(--maincolor);outline-offset: 1px;box-shadow: 0px 0px 2px rgba(0,0,0,.5);}

.popuprequest {cursor:pointer}
.featurepopupplace2 {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}
.featurepopupplace2.opened {z-index:99;opacity:1;height:100%;display:block}
.featurepopupplace2 .featurepopup2 {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;}
.featurepopupplace2 iframe {width:100%;}
.featurepopupplace2 .imgplace {max-width:350px;margin:0 0 0 2%}
.featurepopupplace2 .featurepopupdata {/*max-height:600px;overflow-y:auto;direction: ltr;padding: 0 20px;*/display:flex}
.featurepopupplace2 .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;}
.featurepopupplace2 .close:before, .featurepopupplace2 .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
.featurepopupplace2 .close:after {transform: rotate(-45deg);}


div .slick-dots {text-align:right;bottom:20px;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(--white);border-radius:100%}
div .slick-dots li.slick-active button:before {opacity:1;background: var(--maincolor)}

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:14px;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:24px;}
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) .slick-slider, html:lang(he) .slider-for, html:lang(he) .slider-nav {direction:ltr}
html:lang(he) .similarslider .slick-track {direction:rtl}
html:lang(he) header .wrap, html:lang(he) .accountplace .openaccount, html:lang(he) .productflex, html:lang(he) button.addtocart,
html:lang(he) .ordersdataplace {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) .procutslistselects .page > div .title:after {right: auto;left: 15px;}
html:lang(he) .procutslistselects .page > div .title:before {right: auto;left: 21px;}
html:lang(he) .toogleselect, html:lang(he) .contactform .s_top {left:auto;right:0px;}
html:lang(he) .toogleselect button {float:left}

@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: 1440px) and (max-width: 1550px) 
{
	.page {padding:0 6%;max-width:100%}
}

@media screen and (min-width: 1309px) and (max-width: 1439px) 
{
	:root {--fontsize:18px;}
	.page, .pagetitle {padding:0 4%}
	header {padding:10px 4%}
}

@media screen and (min-width: 1031px) and (max-width: 1310px) 
{
	:root {--fontsize:17px;}
	.mainmenu li a {padding: 5px 10px;}
	.page, .pagetitle {padding:0 4%}
	header {padding:10px 4%}
}
@media screen and (min-width: 1001px) and (max-width: 1030px) 
{
	:root {--fontsize:16px;}
	.mainmenu li a {padding: 5px 7px;}
	.page, .pagetitle {padding:0 1%}
	header {padding:10px 1%}
	.sliderhome .title {font-size:40px;max-width: 600px;}
	.newshome > div {width:100%;margin:0 auto 5% auto;border:none}
	.columns {padding:4%}
	.flex .title {font-size:20px;}
}
@media screen and (min-width: 320px) and (max-width: 1000px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius:0;}
	.moremenu {display:none}
	body, p, li, div, .bodytext p a, .bodytext li a, .accountplace .openaccount, .docsplace a,
	a.btn, span.btn, input[type="submit"].btn, button.btn {font-size: 16px;}
	h1, .bigtitle {font-size:30px;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title {font-size:25px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	.credits p, .credits a {font-size:14px}
	.page {width:100%;max-width:100%;padding:0 4%}

	header {padding:1% 2%;background: var(--whiteopacity);box-shadow: var(--shadow);}
	header .wrap {display:block}

	.logo a {float:left;height: 35px;}
	.logo img {filter: none;}

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

	.menuplace, body:lang(he) .menuplace {z-index:999;transform: translateX(-105%);position:fixed;top:0px;width:90%;margin:0;height: 100vh;background: var(--black);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:15px;border-radius:initial;border-bottom:1px solid #ccc}
	.mainmenu li a span {display:block;text-align:center}
	.mainmenu li li a span {font-size:16px;}
	.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 {display:block;opacity:1;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;box-shadow:none;  background: var(--grey);}

	.opensearch {position:absolute;right:45px;top:0px;filter: invert(1)}
	.searchplace {width: 100%;top:43px;}
	.search {width:98%;margin:1%}
	.search input {background:none;font-size: 14px;}
	.search .submitsearch {border-radius:0;height:auto;}

	.pagetitle {padding:0 2%;max-width:100%}

	.contactform {margin:0 0 5% 0}
	a.fixedcontact {zoom:.5}
	body .accountplace, body .shoppingcart, body .saveforlatermenu {margin:0 5px;position:static}

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

	.procutslistselects .page, .accordionplace, #contactfooter .contactform {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, body .loginplace, body .registerplace, body .registerform, .bannerplace, 
	.footerlinksplace,	body .procutslistselects .page > div, body .productflex .imgplace, body .productflex > div,	body .slider-for,
	body .slider-nav, .footerlinksplace > div, .accordionplace .feature, .featuresbottom .feature, .features > div, footer > div,
	.features > div:nth-of-type(3n), #contactfooter .contactform > div, body .confirmplace > div, body .confirmplace > div:nth-of-type(2n), .coreplace .feature, .applicationsplace .feature a,
	.applicationsplace .feature:nth-of-type(2) a, .applicationsplace .feature:nth-of-type(6) a, .applicationsplace .feature:nth-of-type(3) a,
	.newshome > div, .bottomfeaturesplace .feature, .download, .articles > div, .contactflex > div, .contactflex .gmap,
	.socialmedia, .downloadbox, footer > div:first-of-type, footer > div:nth-of-type(2n), .bodytext3place > div  {width:100%;margin:0 auto 5% auto;border:none}

	.gmap iframe {height:200px;}

	.columns {padding: 6% 0;}

	.featurepopupplace2 .featurepopup2 {width:100%;left:0;margin:0}

	.stripplace {min-height: 150px;padding:120px 0 20px 0}

	.sliderhome .slide {height:350px;}
	.sliderhome .abstract {padding:120px 4% 20px 4%}
	.sliderhome .title, .mainabstract h2 {font-size:24px;margin:0 0 10px 0;padding:0 0 10px 0;}
	.sliderhome p, .sliderhome h3 {font-size:18px;}

	.indexcontent h2 {max-width: 100%;font-size: 20px;padding: 0 4%;}
	.breadcrumbs ul {margin:0 0 10px 0;display:block}
	.bigtitle {margin: 0 0 20px 0;}

	.tabcontentplace td, .tabcontentplace th, .bodytext td, .bodytext th {padding:2px;font-size:14px;}
	table p {font-size:14px;}

	.coreplace .feature a {border: 1px solid var(--maincolor);background: url(../images/redarrow.png) center 94% no-repeat;padding: 10px 10px 70px 10px;}

	.applicationsplace .feature .featureimgplace {zoom: .8;}
	.applicationsplace .feature .title {margin: 20px 0;}

	footer > div {    padding: 60px 4% 20px 4%;}

	.credits, .tabsplace button {    padding: 10px}

	.articles .imgplace {width: 100px;height: 100px;margin: 0 10px 0 0;}
	.articles .imgplace div {width: 100px;height: 100px;}

	.faqsplace .question {padding: 8px 30px;}

	.tabsplace button {width: 100%;}

	.bodyflex2 > div {max-width:100%;}

	.tmpcatalogpage .bodyflex {flex-direction: column-reverse;}
}

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 #fff;}
.invertsite .saveforlatermenu span, .invertsite .accountplace .openaccount span, 
.invertsite .accountplace .openaccount span:after, .invertsite .accountplace .openaccount span:before {border:2px solid #fff;}
.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, .socialmedia ul, .procutslistselects 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,
.btn:after, .flex div {-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) }

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

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: var(--grey);}
::-webkit-scrollbar-thumb {background: #888;}
::-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:auto;height:auto}
	body, div, header, footer, a, #maintitleplace, .mainabstract p, .mainabstract a, .mainabstract li {color:var(--black);background:none;}
	.page, .content, .imgside, .bodytext, .bodytext.shortbody p, .bodytext.shortbody li, .bodyflex > div { width: auto;width:100%; margin:auto;max-width:100%;float:none}
	.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, .strip, .opensearch, .shoppingcart, .footerlinksplace, .docsplace, 
	div .slick-dots, .accessibility, #contactfooter, .accountplace, .saveforlatermenu, div:after, div:before {display:none !important;}
	div, span, body, header, .sticky {background:none;box-shadow:none;}
	.maincontent {min-height:0;height:auto;margin:0;}
	header, .infobox, #maintitleplace img {width:100%;position:static}
	.pagetitle, .columns {background:none;padding:0;min-height:0;position:static;height:auto}
	.credits {text-align:center;padding:5px;font-size:14px;margin: 0}
	.content {page-break-after: always;}
}