@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 200;src: url('Fonts/assistant-v19-hebrew_latin-200.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 300;src: url('Fonts/assistant-v19-hebrew_latin-300.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 400;src: url('Fonts/assistant-v19-hebrew_latin-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 500;src: url('Fonts/assistant-v19-hebrew_latin-500.woff2') format('woff2'); }
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 600;src: url('Fonts/assistant-v19-hebrew_latin-600.woff2') format('woff2'); }
@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 700;src: url('Fonts/assistant-v19-hebrew_latin-700.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 800;src: url('Fonts/assistant-v19-hebrew_latin-800.woff2') format('woff2');}
:root {
--maincolor:#F07F3C;
--seccolor:#002447;
--fontcolor:#000;
--fontsize:16px;
--fonttitle:26px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #828282;
--greylight: #E5E9EC;
--greymiddle: #E0E0E0;
--greydark: #4F4F4F;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--shadow: 0px 1px 5px rgba(0,0,0,0.3);
--radius:5px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre {color:var(--seccolor);font: normal var(--fontsize) Assistant, 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-bottom:1px solid var(--grey);width:100%;padding:10px 15px;}
div, p, li {line-height: 120%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:120%;margin:0 0 20px 0;}
h1 {font-size: 70px;} h2, h2 div {font-size: 42px;} h3, h3 div {font-size: 30px;} h4 {font-size: 24px;} h5 {font-size: 20px;}
a {text-decoration:none;} p a {text-decoration:underline;} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}

.loading, .errorplace, .dnone, .slick-slider:after, .slick-slider div:after, .imagesplace:after, .moremenu, .cookiesplace, .opencontact,
.featurepopupplace, .popupplacefrompage, .forgotpass, #SavedOpensTab.hidden, #DescCon, #MakatCon, #SearchByMakat, #Selections, #copybuttoncon,
#saveToProject, #savedOpens, .d_none, .addonstt.tooltip, .hideven, .hisumtt.tooltip, .moreoptions, .hide, .openleftmenu {display: none;}

.openmenu, .tmpproductsmain .breadcrumbs, .moremenu {display:none}

#main {max-width:1920px;margin:auto;height:100%;position: relative;}
.page, .shortpage {width:100%;max-width:1440px;margin:auto;position:relative}
.shortpage {max-width:1000px}
/*
header {background:var(--white);padding:5px 30px;display:flex;flex-direction: row-reverse;align-items: center;position:fixed;left:0;top:0;width:100%;z-index:6;}
header.sticky {box-shadow: var(--shadow);}
*/
header {background:var(--white);display:flex;flex-direction: row-reverse;align-items: center;}
form {height:100vh;padding:2%;}
.tmplogin .wrap, .tmpindex .wrap, .tmpproducts .wrap, .tmpreg .wrap {background: url(../images/bg.jpg) center center no-repeat;background-size:cover;min-height: 100%;background-attachment:fixed}

.logo {background:var(--white);padding:0 20px 20px 0;float:left;}
.logo span {display:block;font-size:30px; font-weight:bold}
.logo a {display: flex;align-items: flex-end;flex-direction: row-reverse;}

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

.topmenu, .mainmenu {display: flex;}
.topmenu li a, .mainmenu li a {display:flex;padding:10px 15px;align-items: center;height:100%;justify-content: center;color: var(--seccolor);text-align: center;position:relative;margin:0 0 0 10px;border:1px solid transparent;text-decoration:underline}
.topmenu li > a:hover, .topmenu li > a:focus, .topmenu li.this > a,
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {border:1px solid var(--seccolor);text-decoration: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;}

.opendownload {width:40px;height:30px;display: block;background: url(../images/download.png) center center no-repeat;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(--greylight);}
table img {max-width:30px;cursor:pointer;filter: brightness(0) invert(0);margin:0 0 0 5px;}

.toggleanim, .shoppingcart:hover .togglecart, .accountplace:hover .toggleplace, .toggleplace.opened, .togglecart.opened {-webkit-animation: toggleanim 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation: toggleanim 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;display:block}
@-webkit-keyframes toggleanim {
  0% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
  100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
}
@keyframes toggleanim {
  0% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
  100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
}
.toggleanimout {-webkit-animation: toggleanimout 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation: toggleanimout 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;display:block}
@-webkit-keyframes toggleanimout {
  0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
  100% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
}
@keyframes toggleanimout {
  0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
  100% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
}

.accountplace {position:relative;margin:0 10px;}
.accountplace .openaccount {display: flex;align-items: center;}
.accountplace .openaccount span {width:40px;height:40px;display: block;background: url(../images/login.png) center center no-repeat;margin:0 0 0 10px;}

.accountplace .openaccount:hover span, .accountplace .openaccount.ilogin span {}
.accountplace .name {white-space:nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 110px;display: block;}
.accountplace .welcomeplace .name {width:100%}

.headeraccount {display:flex;margin:0 10px;}
.headeraccount a {width:49%;display:block;text-align: center;padding:5px;margin:.5%;background-color: var(--greylight);color:var(--fontcolor);border-radius: var(--radius);}
.headeraccount a:hover, .headeraccount a:focus {background-color: var(--maincolor);color:var(--white);}

.downloads .removefromcart {min-height: 44px;margin:0 5px;background:var(--greylight)  url(../images/delete.png) center center no-repeat;width:50px;background-size:25px;flex: none;}

.searchplace {flex:auto;display: flex;align-items: center;    justify-content: center;}
.search {display:flex;width:400px;border-bottom:1px solid var(--grey);margin:0 15px 0 0;position:relative}
.search label {display:inline-block;margin:0;width: 100%;}
.search input {padding:7px 10px;border:none;background:none;}
.search .submitsearch {width:40px;height:35px;display: block;background: url(../images/search.png) center center no-repeat;border-radius:100%;}
.search .submitsearch:hover, .search .submitsearch:focus {background:var(--greylight) url(../images/search.png) center center no-repeat;}
.search_resultsplace {display:none;}
.search_resultsplace.this {display:block} 
.search_results {padding:5px;position:absolute;right: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);}

.innersearch .search {margin:0 auto}

.searchplacegrey {flex:auto;display: flex;align-items: center;    justify-content: center;padding:15px;background:var(--greylight);margin:4% auto 0 auto;max-width:550px;}

.welcomeplace .btn {padding:10px;width:auto}

.shoppingcart {position:relative;margin:0 10px;}
.opencart {display: flex;position:relative;}
.opencart span {filter: brightness(0) invert(0);width:40px;height:40px;display: block;background:url(../images/cart2.png) center center no-repeat;}
.opencart .numof {position: absolute;width: 18px;height: 18px;right: 7px;top: -9px;font-size: 12px;font-style: initial;display: flex;justify-content: center;background:var(--greylight);color:var(--black);border-radius:100%;font-weight:var(--fontbold);}
.opencart:hover, .shoppingcart.fullcart .opencart {}
.opencart:hover span, .shoppingcart.fullcart span {filter:none}

.featuresplace {display:flex;padding:4%;justify-content: center;    flex-wrap: wrap;filter: drop-shadow(5px 5px 0px rgba(50, 50, 50, .5));}
.featuresplace > div {width:78%;}
.featuresplace > div:nth-of-type(2n) {margin:0 2% 0 0;width:20%}
.featuresplace h3 {display:none}
.leftcolumn .featuresplace h3 {display:block;font-size:16px;font-weight:bold}

.tmpregular2 .featuresplace {padding:0 0 4% 0}
.tmpregular2 .columns {padding:140px 0 2% 0}

.greyplace {background:var(--greymiddle);padding:2%;margin:2% 0 0 0}

.features {background:var(--greylight);padding:15px;display:flex}
.features a {width:110px;border:1px solid var(--grey);margin:0 5px;display:block;background:var(--white)}
.features .title {margin:10px 0;text-align:center;}
.features .imgplace {height:80px;display: flex;align-items: center;justify-content: center;}
.features a:hover {border:1px solid var(--grey);background:var(--greymiddle)}
.feature.active {border: 1px solid var(--grey);background: var(--greymiddle);}

.indexcontent {padding:4% 0 0 0 }

.linktoklil {background:var(--greylight) url(../images/linkout.png) 90% center no-repeat;padding:10px 30px 10px 10px;margin:0 15px 0 0}
.linktoklil:hover {text-decoration:underline}

.contactform label {position:relative;display:block;/*float: left;width: 100%;*/margin:0 0 10px 0;}
.contactform label.hide{display:none;}
.contactform textarea {height:105px;float: left;width: 100%;}
.contactform select {padding:9px;}
.contactform .errorplace {display: none;color:#ff0000;position:absolute;left:0;bottom:-15px;font-size:11px;}
.contactform .mandatorycontact span:first-of-type:after {content: "*";display: inline-block;color: #ff0000;}
.contactform label div {color:var(--seccolor);display:flex;font-size:20px;}
.contactform label div span:nth-of-type(2n) {color:var(--grey);font-size:12px;    line-height: 100%;}
.contactform label div span:first-of-type {white-space:nowrap}
.contactform label span {display:flex;font-size:20px;margin:0 0 0px 10px;color:var(--seccolor);min-height:25px;align-items: center;}
/*.contactform .half {width:47.5%}
.contactform .half:first-of-type {margin:0 0 0 5%}*/
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:2px auto;width:25px;height:20px;margin:2px 0 0 10px;}
.contactform .jointomailinglist {display:flex;align-items: center;}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}
.contactform input[type="submit"] {width:100%;background:var(--seccolor);color:var(--white);margin:20px auto;display: block;}
.contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus {background:var(--black)}
.contactform input[type="submit"].hide{display:none;} 
.contactform .forgotpass {display:none}
.contactform .forgotpass .enteremail {margin:0 0 15px 0}
.contactform .openforgotpass, #regRef {text-decoration:underline;margin:0 5px 0 0;}
.contactform .openforgotpass:hover, .contactform .openforgotpass:focus {}
.contactform .rememberme {background:none;border:none;display: flex;align-items: center;}
.contactform .continuecheck {width:100%}
.contactform .terms {display:flex;flex-direction: row-reverse;margin:20px 0 0 0;}
.contactform .terms span {font-size:16px;}

.contactform .select2 {width: 100% !important;}
.select2-container .select2-selection--single {height:43px;border: 1px solid var(--grey);border-radius:0}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:41px}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:41px}

.remark, .projectdetails {margin:0 0 40px 0;}
.tside > div {margin:0 0 20px 0;}

.commentbody {margin:0 0 20px 0;font-size:16px;font-style:italic;color:var(--greydark);display:block}

.thirdlabel {width:200px;}

.tmpcalculator .contactform select, .tmpcalculator .contactform input {border:1px solid var(--grey)}
.tmpcalculator .btn {width:200px;}

#MainOutput {width:100%;margin:20px 0;padding:0;}

#ddlProjectsList {width:47%}

td .delete {display:flex;align-items: center;}
td .delete a {display:flex;align-items: center;}
td .delete input {width:60px;margin:0 0 0 5px;}
td .delete img {max-width:30px;cursor:pointer;filter: brightness(0) invert(0);margin:0 5px;}

#msgProjects > div {text-align:center;font-size:30px;background:var(--whiteopacity);padding:4%;color:var(--seccolor);width:400px;position:fixed;left:50%;top:45%;margin:0 0 0 -200px;border:1px solid var(--grey);z-index:99}

.missing {border:1px solid #cc0000}

.btn, #morealts {width:100%;color:var(--white);margin:20px 0;display: block;padding:15px;font-weight:var(--fontbold);text-align:center;cursor:pointer;background:var(--seccolor)}
.btn.submit {background:var(--greylight);color:var(--seccolor)}
.btn:hover, .btn:focus, .btn.selected {background:var(--greydark);color:var(--white);}
.btn.opened, #saveToProject.opened{display:block}
.btn.hide{display:none;}
.btnplace {display:flex;justify-content: center;margin: 20px 0;}
.btnplace button, .btnplace a {margin:0 5px;width: auto;}

.slash {text-align:center;margin:0 0 20px 0;}


.moreresults > div:first-of-type {border-top:1px solid var(--greylight);}
.moreresults > div {padding:4px 0;border-bottom:1px solid var(--greylight);max-width: 47%;}

.results {color: var(--seccolor);font-size: 42px;margin: 20px 0;}

.resout > div {padding:10px;border-bottom:1px solid var(--greylight)}
.resout > div:first-of-type {border-top:1px solid var(--greylight)}

.boxForm {margin:20px 0}

.rightside > div > div {margin:0 0 20px 0;}

.loginplace {margin:auto;width:700px;float:right;margin:0 4% 0 0;}
.loginplace img {margin:0 auto 20px auto;display:block}
.loginplace .bodytext, .loginplace .contactform {background:var(--white);padding:20px;margin:0 0 20px 0;}
.loginplace .login, .regdetails {padding:4%;background:var(--greylight)}
.loginplace .contactform h2 {text-align:center;font-size: 30px;}
.loginplace > div {filter: drop-shadow(5px 5px 0px rgba(50, 50, 50, .5));}

.loginflex {display:flex}
.loginflex label {width:48%;margin:1%}

.btntoogle {display:flex;border-bottom:1px solid var(--greydark);margin:0 0 20px 0;}
.btntoogle > button {width:50%;padding:5px;color:var(--grey);border:1px solid transparent}
.btntoogle > button.this {color:var(--black);font-weight:var(--fontbold);border-bottom:1px solid var(--greydark)}

.identityheader {text-align:center;}
.identityheader a {color:var(--black);margin:5px;display:inline-block;font-weight:bold}

.columns {display:flex;flex-direction: row-reverse;align-items: flex-start;}
.tmpregular .columns {padding:40px 0 0 0;}

.tmpregular .features {display:block;background:var(--greylight)}
.tmpregular .features .imgplace {display:none}
.tmpregular .features .title {margin:0;}
.tmpregular .features a {border:1px solid var(--greydark);margin:0 0 5px 5px;border-radius:30px;width:auto;padding:10px;display:inline-block;cursor:pointer}
.tmpregular .features a:hover {background:var(--greylight)}
.tmpregular .features a.active {background:var(--greydark);}
.tmpregular .features a.active div {color:var(--white)}
.tmpregular .maintitle {font-size:70px;margin:30px 0 10px 0;display: flex;align-items: center;line-height: 100%;}
.tmpregular .middletitle {font-size:42px;margin:10px 0;display: flex;align-items: center;}
.tmpregular .middletitle span {display:block;width:32px;height:32px;margin:0 0 0 10px;background: url(../images/arrow1.png) center center no-repeat;}
.tmpregular .lasttitle {font-size:30px;margin:10px 0;display: flex;align-items: center;}
.tmpregular .lasttitle span {display:block;width:55px;height:32px;background: url(../images/arrow2.png) center center no-repeat;margin:0 0 0 10px;}
.tmpregular .feature.active {border: 1px solid var(--grey);background: var(--greylight);}
 
.content {width:80%;}
.content.contentwide, .tmplogin .content, .tmpregistration .content, .tmpreg .content {width:100%;}

.leftcolumn {width:18%;border-left:1px solid var(--greylight);padding:0 1% ;margin:0 0 0 2%;max-height:95vh;overflow-y: scroll;position:sticky;top:30px;direction:ltr}
.leftcolumn > div {direction:rtl}

.viewsplace {background:var(--seccolor);padding:10px;display: flex;color:var(--white)}
.viewsplace span {font-weight:var(--fontbold);color:var(--white)}
.viewsplace span:first-of-type {margin:0 5px 0 5px}

.viewplace {display:flex;align-items: center;margin:0 20px}
.viewplace button {position: relative;display: inline-block;color: var(--black);background: url(../images/view_module.png) center center no-repeat;border-radius: 100%;width:30px;height:30px;margin:0 2px}
.viewplace button:nth-of-type(2n) {background: url(../images/view_list.png) center center no-repeat;}
.viewplace button.this {background-color:var(--white)}
.viewplace div {background: var(--greylight);padding:5px;border-radius:30px;margin:0 5px 0 0;    display: flex;align-items: center;}

.helpplace {display:flex;align-items: center;}

.flexplace5items {display: flex;flex-wrap: wrap;margin:10px 0}
.flexplace5items > div {width: 18%;margin: 1% 1% 3% 1%;border:1px solid var(--greylight)}
.flexplace5items .title {font-size: 20px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:50px;}
.flexplace5items .imgplace {width: 100%;height: 270px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0;}
.flexplace5items img {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/max-width: 90%;max-height: 90%;}
.flexplace5items a {display:block;font-size: 20px;cursor:pointer}
.flexplace5items a:hover, .flexplace5items a:focus {color:var(--seccolor);text-decoration:underline}
.flexplace5items .abstract {padding:10px;}
.flexplace5items .abstract > div, .flexplace5items .parameters > div {margin:0 0 5px 0;}
.flexplace5items .magnifying {background:var(--greylight) url(../images/big.png) center center no-repeat;width:50px;height:50px;position:absolute;left:10px;bottom:10px;}
.flexplace5items .makat {font-weight:var(--fontbold)}

.red {color:#cc0000;font-weight:bold;}

.tables {border:1px solid var(--greymiddle);border-bottom:none}
.tables .flex {width:100%;margin:0;display:flex;align-items: center;border-bottom:1px solid var(--greymiddle);position:relative}
.tables .flex:nth-of-type(2n) {background:var(--greylight)}
.flexplace5items.tables .abstract {width:90%;display: flex;}
.flexplace5items.tables .abstract > div {padding:5px 10px;flex:auto;width:30%;}
.tables .abstract, .tables .abstract2 {width:35%;}
.tables .imgplace {height:70px;width:10%;position:relative;}
.tables .imgplace a {display: flex;align-items: center;justify-content: center;}
.tables .imgplace img {position:static;max-height:60px}
.tables .magnifying {zoom:.6;background:var(--greylight) url(../images/big.png) center center no-repeat;width:50px;height:50px;position:absolute;right:0px;bottom:10px;}
.tables .flex > div {padding:5px 10px;}
.tables .weight {width:10%;}
.tables .makat {width:10%;}
.tables .length {width:10%;}
.tables .color {width:10%;}
.tables .quantity {display:flex;align-items: center;width:5%;}
.tables .quantity input {width:60px}
.tables .addtocart {width:50px;flex:none;min-height:44px;}
.tables .downloads {width:10%;} 

.tablesheader {background:#44586B;display:flex;align-items: center;}
.tablesheader div {padding:5px 10px;color:var(--white);font-weight:var(--fontbold)}

.totalplace {border-bottom:1px solid var(--greylight);display:flex;background: #44586B;}
.totalplace > div {padding:10px 15px;font-size:20px;border-left:1px solid var(--greymiddle);color: var(--white);}
.totalplace .total {width:55%;}
.totalplace .officeuse {width:40%;}
.totalplace .totallength {width:20%;}
.totalplace .totalweight {width:10%;}
.totalplace .totalquantity {width:15%;}

.list_contacts_pre_orders {margin:0 0 30px 0;display:flex;align-items: center;}
.list_contacts_pre_orders .title {margin:0 0 0 10px;font-weight:var(--fontbold)}
.list_contacts_pre_orders select {width:200px;}

.contactformclient .section {display:flex;flex-wrap:wrap}
.contactformclient .section label {margin:0 0 30px 5%;display:flex;align-items: center;width:30%}
.contactformclient .section label:nth-of-type(3n) {margin:0 0 30px 0}
.contactformclient .title {margin:0 0 0 10px;font-weight:var(--fontbold);min-width: 110px;}
.contactformclient input, .contactformclient textarea {padding:5px;}

.changeq {padding:7px;border:1px solid var(--grey);display:flex;float: right;align-items: center;}
.changeq button {background: var(--seccolor);width: 32px;height: 32px;cursor: pointer;position:relative;border-radius:100%}
.changeq button:hover, .changeq button:focus {background:var(--seccolor);}
.changeq button:before, .changeq button:after {content:"";display:block;width:10px;height:2px;background:var(--white);position: absolute;}
.changeq button:after {transform: rotate(90deg);}
.changeq button {display:flex;align-items: center;justify-content: center;}
.changeq button:hover, .changeq button:focus {background: var(--blackopacity);}
.changeq input {text-align: center;font-size: 18px;width: 50px;margin:0 5px;color:var(--seccolor);font-weight:var(--fontbold);padding:2px;border:1px solid var(--greylight);}
.changeq .minus:after {display:none}
.changeq > div {margin:0 0 0 10px;font-weight:var(--fontbold)}

.filterboxes {display: flex;flex-wrap: wrap;margin:10px 0}
.filterbox {width: 13.2%;margin: .5%;border:1px solid var(--greymiddle);display:flex;background:var(--white);padding:15px 5px;flex-direction: column;align-items: center;}
.filterbox .title {font-size:24px;font-weight:500;margin:0 0 5px 0;text-align:center;line-height: 100%;}
.filterbox:hover {background:var(--greydark);color:var(--white)}
.filterbox:hover div {color:var(--white)}
.filterbox.firstbox .title {font-weight:var(--fontbold)}

.filterboxesplace h3 {margin:20px .5% 0 0}

.downloads {display: flex;justify-content: flex-end;flex-direction: row-reverse;    flex-wrap: wrap;}
.downloads a, .downloads button {background:var(--greylight);padding:5px;margin:0 0px 1% 2%;color:var(--seccolor);font-size:13px;flex:auto;text-align:center;width:31%}
/*.downloads a:last-of-type {margin:0 0 5px 0;}*/
.downloads a span {display:block;border:1px solid var(--seccolor);padding:5px;}
.downloads .addtocart {/*width:50px;*/background:var(--greylight) url(../images/cart.png) center center no-repeat;min-height:39px}
.downloads .addtocart.update {background:var(--greylight) url(../images/cartupdate.png) center center no-repeat;}

.downloads a:hover, .downloads button:hover {filter: drop-shadow(2px 2px 0px rgba(50,50,50,.5));}
.downloads a span:after, .downloads a span:before {}

.clearfilter {background:none;padding:10px;text-align:center;margin:20px 0;width: 100%;border:1px solid var(--seccolor)}
.clearfilter:hover {background:var(--grey);color:var(--white)}

.bodyflex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.bodyflex > div {width:50%;padding:0 0 0 3%}
.bodyflex > div:nth-of-type(2n) {padding:0 3% 0 0}
.bodyflex ul {margin:0 5px;}
.bodyflex h2 {width:100%}

.tmpproducts .bodytext, .tmpproducts .featuresplace, .tmpproducts .or {background:var(--white);padding:20px;}
.tmpproducts .maincontent {display:none}
.tmpproducts .rightsideplace {margin: 2% 0 0 0;display: flex;flex-direction: column;align-items: center;}

.rightsideplace h1 {margin:0 auto}
.tmpproducts .bodytext {margin:0 0 2% 0;    filter: drop-shadow(5px 5px 0px rgba(50, 50, 50, .5));}

.bodytext p, .bodytext div { 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(--seccolor)}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) right 8px no-repeat;list-style-type: none;padding: 0 17px 0 0}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}

.filtersection {margin:0 0 20px 0;}
.filtersection .title {font-weight:var(--fontbold);margin:0 0 5px 0;}
.filtersection label {margin:0 0 5px 0;display:flex;align-items: center;line-height:100%}
.filtersection input[type="checkbox"] {box-sizing:border-box;padding:0;margin:3px 0 0 10px;width:18px;height:18px;}

.filtersection .subtitle {text-align: right;background:var(--greylight);font-weight:var(--fontbold);margin:0 0 5px 0;position:relative;display: block;padding:5px 5px 5px 30px;width:100%;}
.filtersection .subtitle:hover {background:var(--grey);color:var(--white)}
.filtersection .subtitle:before, .filtersection .subtitle:after {content:"";display:block;width:14px;height:2px;background:var(--maincolor);position: absolute;left:10px;top:14px;}
.filtersection .subtitle:after {transform: rotate(90deg);}
.filtersection .subtitle.opened:after {display:none}

.seriestoggleplace.closed, .itemstoggleplace.closed {display:none}


.flexpopupplace {background: var(--whiteopacity);position:fixed;left:0;top:0;width:100%;z-index:0;display:none}
.flexpopupplace.opened {z-index:99;height:100%;display:block}
.flexpopupplace .close {width:30px;height:30px;position:absolute;right:-30px;top:-30px;border:none;background:var(--greylight);    display: flex;align-items: center;justify-content: center;}
.flexpopupplace .close:before, .flexpopupplace .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:var(--black);width:26px;height:2px;position:absolute}
.flexpopupplace .close:after {transform: rotate(-45deg);}

.flexpopup {padding:25px;background: var(--white);width:1000px;position:absolute;left:50%;top:15%;margin:0 0 0 -500px;box-shadow: 0px 0px 10px rgba(100,100,100,.5);}
.flexpopup .imgplace {border:1px solid var(--greymiddle);display: flex;align-items: center;justify-content: center;}
.flexpopup .downloads {float: left;margin: 20px 0 0 0;width: 100%;}
.flexpopup .downloads a, .flexpopup .downloads button {width: 90px;}
.flexpopup h3 {font-size:20px;margin:0 0 5px 0;}
.flexpopup > h3 {font-weight:var(--fontbold)}
.flexpopup .abstract {font-size: 20px;}
.flexpopup ul {margin:0;display: flex;flex-wrap: wrap;}
.flexpopup ul li {width: 50%;}

.flexpopupplacecart {background: var(--whiteopacity);position:fixed;left:0;top:0;width:100%;z-index:0;display:none}
.flexpopupplacecart.opened {z-index:99;height:100%;display:block}
.flexpopupplacecart .close {width:30px;height:30px;position:absolute;right:-30px;top:-30px;border:none;background:var(--greylight);    display: flex;align-items: center;justify-content: center;}
.flexpopupplacecart .close:before, .flexpopupplacecart .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:var(--black);width:26px;height:2px;position:absolute}
.flexpopupplacecart .close:after {transform: rotate(-45deg);}

.flexpopupcart {padding:25px;background: var(--white);width:1000px;position:absolute;left:50%;top:15%;margin:0 0 0 -500px;box-shadow: 0px 0px 10px rgba(100,100,100,.5);}
.flexpopupcart .imgplace {border:1px solid var(--greymiddle);display: flex;align-items: center;justify-content: center;}
.flexpopupcart .downloads {float: left;margin: 20px 0 0 0;width: 100%;}
.flexpopupcart .downloads a, .flexpopupcart .downloads button {width: 90px;}
.flexpopupcart h3 {font-size:20px;margin:0 0 20px 0;font-weight:var(--fontbold)}


.flexpopupplacecalc {background: var(--whiteopacity);position:fixed;left:0;top:0;width:100%;z-index:0;display:none}
.flexpopupplacecalc.opened {z-index:99;height:100%;display:block}
.flexpopupplacecalc .close {width:30px;height:30px;position:absolute;right:-30px;top:-30px;border:none;background:var(--greylight);    display: flex;align-items: center;justify-content: center;}
.flexpopupplacecalc .close:before, .flexpopupplacecalc .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:var(--black);width:26px;height:2px;position:absolute}
.flexpopupplacecalc .close:after {transform: rotate(-45deg);}

.flexpopupcalc {padding:25px;background: var(--white);width:1000px;position:absolute;left:50%;top:15%;margin:0 0 0 -500px;box-shadow: 0px 0px 10px rgba(100,100,100,.5);}
.flexpopupcalc .imgplace {border:1px solid var(--greymiddle);display: flex;align-items: center;justify-content: center;}
.flexpopupcalc .downloads {float: left;margin: 20px 0 0 0;width: 100%;}
.flexpopupcalc .downloads a, .flexpopupcart .downloads button {width: 90px;}
.flexpopupcalc h3 {font-size:20px;margin:0 0 20px 0;font-weight:var(--fontbold)}

.choosefilters {display:flex;margin:10px 0;align-items: center;}
.choosefilters select, .choosefilters .btn {margin:0 10px;}
.errormsg {    position: absolute;right: 0;bottom: 10px;color: #ff0000;text-align: center;width: 100%;}

.tmpcalculator h1, .tmpcalculator h2, .tmpsearch h1, .tmpsearch h2 {color:var(--seccolor)}
.tmpcalculator .columns, .tmpcalculator .maincontent, .tmpsearch .maincontent {max-width:1450px;margin:0 auto;}
.tmpcalculator .columns, .tmpsearch .columns {padding: 0px;}

#OmesOutput, #OmesOutput span { font-size: 24px; color: #002447;}

.resetemail {font-size:24px;}

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

html:lang(he) body {text-align:right;direction:rtl;}

.tmpreg .identityheader {display:none}

.sl-wrapper .sl-image img {background:var(--white)}

.loadingplace {background: #fff\8;background: rgba(250, 250, 250, 0.8);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none}

.loadingplace img {max-width: 40px;}

.spinnertext {display: flex;justify-content: center;align-items: center;font-size: 24px;font-weight: bold;position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.highlighted {	font-weight: bold;}

@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: 1000px) and (max-width: 1460px) 
{
	.page, .shortpage, .mainabstract {padding:0 4%}
	.search {max-width: 300px;}
	.tmpcalculator .columns {padding:0px 4% 2% 4%}
	.tmpcalculator .maincontent {padding:100px 4% 0 4%}
}

@media screen and (min-width: 1000px) and (max-width: 1030px) 
{
	.search {width: 200px;max-width: 200px;}
	.logo img {height: 50px;}
	.topmenu li a, .mainmenu li a {padding: 10px 10px;}
	.columns {    padding: 80px 2% 2% 2%;}
	.tmplogin .columns, .tmpreg .columns {    padding: 2%;}
	.flexpopupplace .close {right:5px;}
	.flexplace5items > div {width: 23%;}
	.tmpregular .features a {margin: 0 0 3px 3px;padding: 5px;}
	.tmpregular .features .title {font-size:14px;}
	.features a {width: 85px;}
	.filterbox .title {font-size: 20px;}
	.tmpregular2 .columns {padding: 80px 0 2% 0;}
	h1 {    font-size: 40px;}
	.tmpcalculator .maincontent {padding: 80px 2% 0 2%;}
}

@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius: 3px;}
	.moremenu, .tmpbcitem .wrap:before, body .shoppingcart:hover .togglecart, .topmenu, li li .moremenu,
	.togglecart, .helpplace .innersearch, .tables .flex .imgplace {display:none}
	body, p, li, div, .bodytext p a, .bodytext li a, .accountplace .openaccount,
	a.btn, span.btn, input[type="submit"].btn, button.btn {font-size: 4vmin;font-size: 16px;}
	h1, .bigtitle, .tmpregular .maintitle, .tmpcalculator h1, .tmpcalculator h2 {font-size:40px;margin:0 0 10px 0;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title, .tmpregular .middletitle {font-size:30px;}
	h3, .tmpregular .lasttitle {font-size:24px;}
	h4 {font-size:18px;}
	.credits p, .credits a {font-size:14px}
	.page, .shortpage, .tmpcalculator .columns, .tmpcalculator .maincontent {width:100%;max-width:100%;padding:0 4%}
	header {padding:0 2%;}
	.logo img {height:40px;}
	.logo {flex:auto}
	.logo a {float:left}
	.logo span {font-size: 14px;}
	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:5px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 1px;display:block;height:6px;background:var(--seccolor);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);}

	.openleftmenu {background:#f07f3c url(../images/approve2.png) 10px center no-repeat;padding:15px 10px 15px 40px;background-size:25px;position:fixed;left:0;top:115px;border-radius:0 30px 30px 0;filter: drop-shadow(2px 2px 0px rgba(50, 50, 50, .5));color:var(--white);z-index:10}
	.tmpregular .openleftmenu {display:block}
	.openleftmenu.opened {background:var(--grey) url(../images/close2.png) 10px center no-repeat;background-size:25px;text-indent: -1000px;}

	.menuplace, body:lang(he) .menuplace {z-index:999;transform: translateX(-105%);position:fixed;top:0px;width:85%;margin:0;height: 100vh;background: var(--white);box-shadow: var(--shadow);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 100%;padding: 0;position: absolute;top: 0px;left: 0%;margin: 0; box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding:0 0 30% 0}
	.mainmenu li, html:lang(he) .mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li a {padding:10px;border-radius:initial;font-size: 5vw;border-bottom:1px solid var(--greymiddle);display:block}
	.mainmenu li a span {display:block;text-align:center}
	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a {padding:5px;}
	.mainmenu ul {width:100%;margin:0;background:var(--greylight)}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-5%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}

	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}
	
	.mdisable .searchplace {overflow: hidden;}
	
	.leftcolumn {z-index:9;transform: translateX(-105%);position:fixed;top:0px;width:100%;margin:0;height: 100vh;max-height: 100vh;background: var(--white);box-shadow: var(--shadow);padding:4%}
	.leftcolumn.opened {transform: translateX(-5%);}

	.accountplace .openaccount {text-indent:-1000px;width:40px;}
	.accountplace .openaccount span {margin:0;}

	header .searchplace {width: 100%;position:absolute;left:0;top:65px;background:var(--white);box-shadow: 0px 3px 3px rgba(0,0,0,0.2);}

	.search {width:75%;margin:1%}
	.search input {background:none;font-size: 14px;}
	.search .submitsearch {border-radius:0;height:auto}

	.featuresplace, .features, .featuresplace > div:nth-of-type(2n), .columns, .downloads, .tables .flex {flex-wrap: wrap;width:100%;margin:0}

	.bodyflex > div, .contactform label.half, .contactform label.half:first-of-type, .content,
	.bodyflex > div:nth-of-type(2n), .contactformclient .section label {width:100%;margin:0 auto 5% auto;border:none;padding:0;}

	.downloads a, .downloads button {/*width: 48%;        margin: 1%;*/width:100%;margin:0 0 5px 0}

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

	.viewplace {margin:0 10px;}
	.tmpproducts .rightsideplace {margin:0;padding:35px 4% 4% 4%;align-items: center;}
	.features a, .filterbox, .flexplace5items > div {width:48%;margin:1%}
	.featuresplace > div {width:100%}
	.flexplace5items .imgplace {height: 150px;}
	.flexplace5items .magnifying {zoom:.5}

	.filterbox .title {font-size:20px;}
	.tmpregular .maintitle {margin:20px 0 10px 0}
	.tmpregular2 .columns {padding: 100px 0 4% 0;}
	.columns {padding: 0;}
	.tmpregular .columns, .tmpcalculator .maincontent {padding: 60px 1% 1% 1%;}

	.tmplogin .columns, .tmpreg .columns {padding:2%}

	.tmpstore #columns {margin: 50px 0 0 0;}

	.loginplace {padding:4%;margin:0;width:100%}

	.bodyflex ul {margin:0;}
	.bodytext ul li {margin: 0px 0px 2px 0px;line-height: 100%;}

	.contactform label div {display:block;margin:0 0 5px 0}
	.contactform label div span {margin:0;min-height:0}
	.contactform .bodytext div, .tmpcalculator .bodytext div {margin:0 0 5px 0;}

	table td, table th {padding: 2px;}
	table td, table th, table a, table p {font-size: 11px;    padding: 2px;word-break: break-all;}
	table img, td .delete img {max-width:20px;margin:0}
	td .delete input {width:40px;}

	.flexpopup, .flexpopupcart {width:100%;left:0;margin:0;padding:2%;top:5%;}
	.flexpopup .bodyflex {max-height: 600px;height: 90%;overflow-y: scroll;}
	.flexpopupplace .close {right:auto;left:0;top:0}
	.flexpopup .imgplace img {}
	.flexpopup .bodytext p, .flexpopup .bodytext div {margin:0 0 5px 0;}
	.flexpopup .downloads {margin:5px 0 0 0}

	.tables .flex .abstract > div {width:47%}
	.tables .flex .abstract, .tables .flex .abstract .title {width:100%;flex-wrap: wrap;}

	.tmpregular2 .content {display:flex;flex-direction: column-reverse;}
	#saveMotorDataDiv, #editPro {background:var(--greylight);padding:4%}

	.btnplace {flex-wrap: wrap;}
	.btnplace .btn, .btnplace a {max-width:48%;margin:1%}
}

body .sl-overlay {background:var(--black)}
body .sl-navigation button, body .sl-close {filter: brightness(0) invert(1)}
body .sl-wrapper .sl-navigation button.sl-next, body .sl-wrapper .sl-navigation button.sl-prev {transform: rotate(180deg); }
.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, .topmenu li a, .leftcolumn {-webkit-transition: all 0.20s ease-in-out;}
.menuopen, .menuplace {-webkit-transition: all 0.50s ease-in-out;}

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

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

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