@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');}

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

:root {
--maincolor:#201D3D;
--seccolor:#03BEBC;
--fontcolor:#323232;
--fontsize:18px;
--fonttitle:24px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #ccc;
--greylight: #eee;
--greydark: #656565;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--shadow: 0px 1px 5px rgba(0,0,0,0.3);
--radius:30px;
}


html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre {color:var(--fontcolor);font: normal var(--fontsize) Raleway, Arial, Helvetica, sans-serif;margin:0px;padding:0px;border:none; line-height:normal;background: none;}
body {-webkit-animation: bugfix infinite 1s;overflow-x:hidden;}
html, body {height:100%}
input, textarea, select {background:none;border:1px solid var(--grey);width:100%;padding:10px 20px;border-radius: 0;font-size:16px}
div, p, li {line-height: 140%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:100%;margin:0 0 20px 0;text-transform:uppercase;font-weight: 100;}
h1 {font-size: 100px;} h2, h2 div {font-size: 40px;} h3, h3 div {font-size: 26px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;} p a {text-decoration:underline;} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu, .dnone {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:1100px}

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

.logo {float:left;display: flex;align-items: center;}
.logo img {height: 55px;}
.tmpindex .logo img {filter: brightness(0) invert(1)}
.tmpindex header.sticky .logo img {filter:none}

.menuplace {flex: auto;margin:0 0 0 5%}
.mainmenu {display: flex;}
.mainmenu li {position:relative}
.mainmenu li a {display:flex;padding:15px 20px;align-items: center;height:100%;justify-content: center;color: var(--fontcolor);text-align: center;position:relative;margin:0 10px}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {text-decoration:underline}

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

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

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

.topmenu {display: flex;}
.topmenu li {position:relative}
.topmenu li a {background:var(--seccolor);display:flex;padding:15px 25px;align-items: center;height:100%;justify-content: center;color: var(--white);text-align: center;position:relative;border-radius:var(--radius);font-size:16px;}
.topmenu li > a:hover, .topmenu li > a:focus, .topmenu li.this > a {background:var(--maincolor)}

.opencontact {background:var(--seccolor);display:flex;padding:15px 25px;align-items: center;height:100%;justify-content: center;color: var(--white);text-align: center;position:relative;border-radius:var(--radius);font-size:16px;}
.opencontact:hover, .opencontact:focus {background:var(--maincolor)}

.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%;left: 0%;z-index: 99;width: 320px;display: none;background:var(--white);box-shadow: var(--shadow);padding: 20px;}

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

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 10px 20px;background: var(--seccolor);color:var(--white);margin:0px auto;text-align:center;border:none;border-radius:var(--radius);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 {background:var(--maincolor);}

.sliderhome {position: relative;}
.sliderhome .slide {height:100vh;position: relative;overflow: hidden;max-height:1000px;background:var(--black)}
.sliderhome .slide:after {position: absolute;width: 100%;height: 100%;top: 0;left: 0;content:"";box-shadow: inset 0 0 200px rgb(0 0 0 / 100%);}
.sliderhome .slide > img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:65%}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;text-align: center;height:100%;display:flex;flex-direction: column;justify-content: center;z-index: 2;}
.sliderhome .title {text-align:center;color:var(--white);filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));text-transform:uppercase;font-size:130px;max-width:1100px;margin:0 auto;line-height:100%;}
.sliderhome .moreabstract {text-align:center;color:var(--white);filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));font-size:28px;margin:20px 0;font-weight:300}
.sliderhome .moreabstract p {color:var(--white);font-size:var(--fonttitle);}

.sliderhome .slick-dotted.slick-slider {margin:0}
.sliderhome .custom-dots {bottom: 30px;    justify-content: center;width:100%}

.stripplace {height:600px;position:relative;background:var(--black);margin:0 0 4% 0}
.stripplace:after {position: absolute;width: 100%;height: 100%;top: 0;left: 0;content:"";box-shadow: inset 0 0 200px rgb(0 0 0 / 100%);}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:65%}
.tmpcontact .stripplace {background:var(--seccolor)}
.tmpcontact .stripplace:after {display:none}

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

.mainabstract p {color:var(--white);margin:0 0 20px 0;}

.imagesplace {position:relative;margin:40px 0;text-align:center}
.imagesplace a {display:flex;background:var(--greylight);position:relative;}
.imagesplace img {margin:auto;max-height:800px}

.curtainplace {background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);position:absolute;left:0px;bottom:0px;margin:0;padding:10px;color:var(--white);width:100%;height:25%;display: flex;align-items: flex-end;padding:10px;font-weight:600}
.curtainplace.dnone {display:none}

.titleplace {position:relative;z-index:3;text-align:center;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.titleplace h1 {color:var(--white);font-weight:400;max-width: 1100px;}
.smalltitle {color:var(--white);font-size:36px;font-style:italic;font-weight:400;text-transform:initial}

#maintitleplace {margin:100px 0 0 0}

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

.bodytext {text-align:center}
.bodytext p {line-height:140%;margin:0 0 30px 0}
.bodytext h2, .tmpregular .bodytext h3, .tmpregular .bodytext h4 {font-size:32px;font-weight:800;text-transform:initial;margin:0 0 30px 0}
.bodytext h3 {font-size:30px;text-transform:none;font-weight:600}
.bodytext h4 {font-size:28px;}
.bodytext img {margin:0 0 30px 0;}
.bodytext td, .tmpregular .bodytext table {padding:0;border:none}
.bodytext iframe {width:100%}

.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul, .bodytext ol {margin:0 5px;padding: 0;}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 8px no-repeat;list-style-type: none;padding: 0 0 0 17px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:3% 0}
.flexplace .flex {width: 23%;margin: 1%;position:relative}
.flexplace .flex .title {font-size: var(--fonttitle);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;}
.flexplace .flex > a {display:block;position:relative}
.flexplace .flex .imgplace {width: 100%;height: 340px;position: relative;overflow: hidden;border:1px solid var(--grey);display: flex;align-items: center;justify-content: center;background:var(--white);margin:0 0 5px 0}
.flexplace .flex img, .flex iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.flexplace .flex a:hover img, .flex a:focus img {transform: scale(1.1,1.1);}
.flexplace .flex a:hover .title, .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex .abstract {margin:0 0 10px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;}
.flexplace .flex .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin:0 0 10px 0;}

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

.catalogplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:3% 0}
.catalogplace > div {width: 23%;margin: 1%;position:relative}
.catalogplace .title {font-size: var(--fonttitle);position:absolute;left:0;bottom:10px;text-align:center;color:var(--white);z-index:3;width:100%}
.catalogplace a {display:block;position:relative}
.catalogplace .imgplace {width: 100%;height: 400px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);}
.catalogplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.catalogplace a:hover img, .catalogplace a:focus img {transform: scale(1.1,1.1);}
.catalogplace a:after {content: "";position: absolute;inset: 0;background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.15) 40%, rgba(0, 0, 0, 0) 70%);z-index: 2;width:100%;height:100%}


.serviceplace > div {width: 31.3%;margin: 0 1% 3% 1%;position:relative}
.serviceplace .title {font-size: var(--fonttitle);text-align:center;font-weight:600;margin:15px 0;}
.serviceplace a {display:block;position:relative}
.serviceplace .imgplace {width: 100%;height: 70px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);}
.serviceplace .moreabstract {text-align:center}
.serviceplace a:hover img, .serviceplace a:focus img {transform: scale(1.1,1.1);}

.whitelogos {text-align:center;margin:0 0 50px 0}
.whitelogos img {margin:0 15px;}

.flexgrid {width: 32.3%;margin: 0 .5% 3% .5%;position:relative}
.flexgrid:nth-of-type(4n), .flexgrid:nth-of-type(5n) {width: 49%;}
.flexgrid .title {color:var(--white);font-size:var(--fonttitle);font-weight:600;text-transform:uppercase}
.flexgrid a {display:block;position:relative}
.flexgrid .imgplace {width: 100%;height: 550px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--white);}
.flexgrid img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexgrid .moreabstract {text-align:center}
.flexgrid a:hover img, .flexgrid a:focus img {transform: scale(1.1,1.1);}
.flexgrid::before {content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0.15) 40%,   rgba(0, 0, 0, 0) 70%);z-index: 1;}
.flexgrid .abstract {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:4%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
.flexgrid .subtitle {color:var(--white);font-size:20px;font-weight:700;margin:0 0 10px 0;}


.liststyle {margin:2.5% auto}
.liststyle .flex {margin: 0 0 10px 0;position:relative;}
.liststyle .flex .imgplace {height:700px;position:relative;overflow:hidden}
.liststyle .flex img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .flex::before {content: "";position: absolute;inset: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.7) 0%,rgba(0, 0, 0, 0.15) 40%,   rgba(0, 0, 0, 0) 70%);z-index: 1;}
.liststyle .flex .abstract {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:4%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
.liststyle .flex .title {color:var(--white);font-size:32px;font-weight:700;text-transform:uppercase}
.liststyle .flex .subtitle {color:var(--white);font-size:20px;font-weight:700;margin:0 0 10px 0;}
.liststyle:hover img {transform: scale(1.05);}

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

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

.indexcontent {padding:5% 0;text-align:center}
.indexcontent a.btn {width:200px;margin-top:30px}
.indexcontent p {max-width:800px;margin:0 auto 30px auto}

.marquee {width: 100%;overflow: hidden;margin:0 0 40px 0;}
.marquee-inner {display: inline-flex;white-space: nowrap;animation: scroll 20s linear infinite;}
.marquee-inner span {padding-right: 120px; font-size: 100px;font-weight:300}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


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

.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 {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:-15px;font-size:11px;}
.contactform .mandatorycontact span:after {content: "*";display: inline-block;color: #ff0000;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform label span {display:block;font-style:italic}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px;width:15px;height:15px;}
.contactform .jointomailinglist, .contactform .readprivacypolicy {display:flex;align-items: center;font-size:16px;}
.contactform .readprivacypolicy a span {display:inline-block;margin:0 5px;font-size:16px;color:var(--maincolor);text-decoration:underline}
.contactform a[href^="tel:"] {background: url(../images/iconphone.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="mailto:"] {background: url(../images/iconemail.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="http:"] {background: url(../images/iconsite.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}

.contactformplace {/*background:var(--white);border-radius:var(--radius);box-shadow: var(--shadow);padding:2%*/}
.contactformplace.shortpage {margin:3% auto;z-index:2}

.getcontactformplace {padding:6%;width:50%;background:var(--seccolor);    position: absolute;right: 0;top: 129px;height: 100%;}
.getcontactformplace .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;}
.getcontactformplace .close:before, .getcontactformplace .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
.getcontactformplace .close:after {transform: rotate(-45deg);}
.getcontactformplace h2 {font-size:32px;text-transform:none;text-align:left;margin:0 0 30px 0;font-weight:500}
.getcontactformplace h2 .highlight {color:var(--white)}
.getcontactformplace p {margin:0 0 20px 0;}
.getcontactformplace input[type="submit"].btn {border:1px solid var(--black);width:auto;color:var(--black);float: left;}
.getcontactformplace label {width:49%;margin:0 1% 15px 0}
.getcontactformplace label.comments {width:100%;margin:0 0 15px 0}
.getcontactformplace label:nth-of-type(2n) {margin:0 0 15px 0}
.getcontactformplace label input, .getcontactformplace label textarea, .getcontactformplace select {background:none;border:1px solid var(--black)}

#contactfooter {display:none;background: var(--blackopacity);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0}
#contactfooter.opened {display:block;z-index:5;opacity:1;height:100%;}

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

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

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

footer {width:100%;background:var(--maincolor);padding:4%}

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

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

.logosslider img {margin:auto;max-width:85%;max-height:100px;}
.logosslider li {padding:10px}
.logosslider .imgplace {display:flex;height:160px;align-items: center;}
.logosslider .slide:hover .imgplace, .logosslider a:focus .imgplace {}

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



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

.faqsplace {margin:4% 0 0 0}
.faqsplace > div {background:var(--greylight);overflow:hidden;margin:0 0 10px 0;position: relative;}
.faqsplace .question { padding:30px 40px 30px 30px;width:100%;text-align:initial;}
.faqsplace .question p, .faqsplace .question li { text-align:initial;margin:0;text-align:initial;line-height:100%}
.faqsplace .question:hover, .faqsplace .question:focus, .faqsplace .question.opened {text-decoration:underline}
.faqsplace .question.opened {background:var(--grey);}
.faqsplace .answer {display:none;padding:30px;}
.faqsplace .answer p, .faqsplace .answer li {margin:0;text-align:initial}

.faqsplace .question span {position:absolute;right:20px;top:20px;width:40px;height:40px;display:flex;align-items: center;justify-content: center;}
.faqsplace .question span:before, .faqsplace .question span:after {content:"";display:block;width:20px;height:2px;background:var(--black);position: absolute;}
.faqsplace .question span:after {transform: rotate(90deg);}

.faqsplace .question.opened span {}
.faqsplace .question.opened span:after, .faqsplace .question.opened span:before {}
.faqsplace .question.opened span:after {display:none}

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

.tabsplacewrap {margin:3% 0;background:var(--greylight);border:1px solid var(--grey);padding:0 2% 2% 2%;}

.tabsplace {width:100%;float:left;display:flex;border-bottom: 1px solid var(--grey);}
.tabsplace button {padding:15px;display: flex;flex-direction: column;align-items: center;position:relative}
.tabsplace button:hover, .tabsplace button:focus, .tabsplace button.this {outline:none;outline-offset: 0px;box-shadow:none;}
.tabsplace button:hover:before, .tabsplace button:focus:before, .tabsplace button.this:before {content:"";display:block;position:absolute;left:0;bottom:0px;width:100%;height:8px;background: var(--maincolor);background: linear-gradient(90deg, var(--maincolor) 0%, var(--maincolor) 100%);}

.tabcontentplace {width:100%;float:left;padding:20px;}
.tabcontentplace .tab {display:none} 
.tabcontentplace .tab.this {display:block}
.tabcontentplace .bodytext, .tabcontentplace .bodytext p, .tabcontentplace .docsplace, .tabcontentplace .linksplace {margin:0;}
.tabcontentplace .imgside {float:right;margin:0 0 0 20px;max-width:40%}
.tabbody {padding:2% 0}

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

.leftcolumn {width: 100%;float: left;}
.leftmenu {display:flex;flex-wrap: wrap;justify-content: center;margin:0 0 50px 0}
.leftmenu a {display:flex;align-items: center;color:var(--fontcolor);font-size:var(--fonttitle);margin:5px;font-weight:700;text-transform:uppercase}
.leftmenu a:after {width:30px;height:30px;content:"";display:block;background: url(../images/up-arrow.png) center center no-repeat;background-size: 25px;margin:0 0 0 5px}
.leftmenu .level1.this {display:none}
.leftmenu a:hover {}
.leftmenu .this a {}

.eventicons {display:flex;    justify-content: center;margin:0 0 20px 0}
.dateplace {background: url(../images/calendar.png) 0 center no-repeat;padding:5px 0 5px 40px;font-size:20px;}
.locationplace {background: url(../images/pin2.png) 0 center no-repeat;padding:5px 0 5px 30px;font-size:20px;margin:0 15px}

.blueplace {background:var(--maincolor);padding:40px 0 0 0;}
.blueplace p, .blueplace a, .blueplace div, .blueplace li, .blueplace h2, .blueplace h3, .blueplace h4 {color:var(--white)}

.project {text-align:center;padding:0 0 30px 0;margin:0 0 30px 0;border-bottom:1px solid var(--greylight)}
.project .title {font-size:var(--fonttitle);font-weight:bold;font-style:italic;color:var(--seccolor)}
.project .subtitle {font-size:20px;font-style:italic;margin:10px 0;}
.project .moreabstract {margin:40px 0 0 0;}

.grid.simplegallery {display: block;margin:40px 0;}
.grid .gallery-row {display: flex;flex-wrap: nowrap;gap: 10px;margin-bottom: 10px;}
.grid .gallery-row .grid-item {position: relative;overflow: hidden;flex: 0 0 auto;       background: #eee;}
.grid .grid-item > a {display: block;width: 100%;height: 100%;}
.grid .grid-item img {width: 100%;height: 100%;object-fit: cover;    display: block;transition: transform .25s ease, filter .25s ease;}
.grid .grid-item:hover img {transform: scale(1.03);filter: brightness(1.05);}
.grid .grid-item a > div {position: absolute;left: 0;right: 0;bottom: 0;padding: 6px 10px;font-size: 13px;color: #fff;background: linear-gradient(to top, rgba(0,0,0,.6), transparent);box-sizing: border-box;}
/*.grid .grid-item .abstract {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;padding: 4%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end;}
.grid .grid-item .title {color: var(--white);font-size: 32px;font-weight: 700;text-transform: uppercase;}*/
@media (max-width: 600px) {
    #grid .gallery-row {flex-direction: column;}
    #grid .gallery-row .grid-item {width: 100% !important;height: auto !important;}
    #grid .grid-item img {height: 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, .bannerplace a, .bannerplace p, .bannerplace h2, .bannerplace h3 {color:var(--white);font-weight: 200;line-height:140%}
.bannerplace {display:flex;flex-wrap: wrap;}
.bannerplace > div {width:25%;}
.bannerplace > div:nth-of-type(3n) {width:22%;}
.bannerplace > div:nth-of-type(2n) {width:45%;padding:0 4%;border-right:1px solid var(--white);border-left:1px solid var(--white);margin:0 4%;text-align:center}
.bannerplace > div:nth-of-type(2n) p {text-align:center}
.bannerplace > div:nth-of-type(2n) .btn {border:1px solid var(--white);width:150px;margin:auto;background:none}
.bannerplace p {margin:0 0 15px 0;}
.bannerplace .banner:first-of-type p {    display: flex;align-items: center;}
.bannerplace .banner:last-of-type p a {text-decoration:none;font-weight:500}
.bannerplace p img {margin:2px 10px 0 0}

.socialmedia {display: flex;flex-wrap:wrap;justify-content: center;margin:0 0 3% 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;}
.socialmedia .tiktok {background: url(../images/tiktok.png) center center no-repeat;background-size:cover}

.footerlinksplace {display: flex;flex-wrap: wrap;}
.footerlinksplace .title {margin:0px 0 10px 0}
.footerlinksplace a {font-size:16px;display:block;margin:5px 0 0 0}
.footerlinksplace a:hover {color:var(--maincolor);text-decoration:underline}
.footerlinksplace > div {flex:auto}

.popupplace {background: var(--blackopacity);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0}
.popupplace.opened {z-index:5;opacity:1;height:100%;}

#showmore {font-size: var(--fonttitle);margin:20px auto;display:block;width:100%;display:none}

.slideto {background:var(--white);padding:10px;position:fixed;left:10px;top:10px;z-index:9999;width:1px;height:1px;clip: rect(0,0,0,0);}
.slideto:focus {width:auto;height:auto;clip:auto;}

.whatsappPr {display:flex;align-items: center;font-weight:bold;margin:15px 0 0 0}
.whatsappPr:hover, .whatsappPr:focus {text-decoration:underline}
.whatsappPr:before {background: var(--greylight) url(../images/whatsup.png) center center no-repeat;width: 30px;height:30px;border-radius:100%;background-size:20px;content:"";display:block;margin:0 0 0 10px;}

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

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

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

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

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

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

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

.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:-25px;    display: flex;justify-content: flex-end;}
div .slick-dots li button, div .slick-dots li {padding:0;width: 15px;height: 15px;}
div .slick-dots li button:before {opacity:1;width: 15px;height: 15px;line-height: 100%;content:"";background: var(--whiteopacity);border-radius:100%}
div .slick-dots li.slick-active button:before {opacity:1;background: var(--maincolor)}

.custom-dots {text-align:center;bottom:-20px;    display: flex;position:absolute}
.custom-dots li {list-style-type:none;list-style: none;}
.custom-dots li a {width: 10px;height: 10px;background:var(--grey);display:block;cursor:pointer;margin:0 5px;border-radius:100%}
.custom-dots li.slick-active a {opacity:1;background: var(--seccolor)}

.imgslider .custom-dots {bottom:20px;right:2%}
.imgslider img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.imgslider a {height:520px;position:relative;display:block}

.sitemap ul {margin:0 20px;}
.sitemapheader {color:var(--maincolor);font-size: var(--fonttitle);}

div .slick-prev, div .slick-next {z-index:5;width: 50px;height: 50px;background: var(--whiteopacity);transform:none;margin:-25px 0 0 0}
div .slick-prev:hover, div .slick-next:hover, div .slick-prev:focus, div .slick-next:focus {background:var(--maincolor)}
div .slick-prev {left:0; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:0;} 
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {background:var(--black);content:"";display:block;position:absolute;right:22px;top:12px;width:2px;height:15px;transform: rotate(-45deg);opacity:1;border-radius: 3px;}
div .slick-next:hover:before, div .slick-prev:hover:before, div .slick-next:hover:after, div .slick-prev:hover:after,
div .slick-next:focus:before, div .slick-prev:focus:before, div .slick-next:focus:after, div .slick-prev:focus:after {background:var(--white)}
div .slick-next:before, div .slick-prev:before {transform: rotate(45deg);top:22px;}
div .slick-next.slick-disabled:before, div .slick-prev.slick-disabled:before {opacity:1}
 
.togglecart {position: fixed;top: 0%;left: 0%;z-index: 99;width: 100%;height:100%;display: none;}
.togglecart .close {width:25px;height:25px;position:absolute;left:18px;top:20px;display:flex;align-items: center;justify-content: center;}
.togglecart .close:after, .togglecart .close:before {transform: rotate(45deg);content:"";display:block;background:var(--blackopacity);width:30px;height:2px;position: absolute;}
.togglecart .close:after {transform: rotate(-45deg);}
.togglecart .btn {margin:0 2% 0 0;width:49%}
.togglecart .btn:nth-of-type(2n) {margin:0}
.togglecart .overlay {background:var(--blackopacity);position: absolute;top: 0;left: 0;width: 100%;height:100%;content:"";display:block}

.cartplacebody {box-shadow: var(--shadow);background:var(--white);width:33.3%;height:100%;position:relative;padding:20px;z-index:2;    display: flex;flex-direction: column;}
.cartplacebody h2 {margin:0 0 20px 0;font-weight: var(--fontbold);font-size:var(--fonttitle)}

.cartitemplace.fullcart {max-height:560px;overflow-y:scroll;padding:0 0 0 10px;}
.cartitemplace.fullcart::-webkit-scrollbar {width: 10px;}
.cartitemplace.fullcart::-webkit-scrollbar-track {background: var(--greylight);}
.cartitemplace.fullcart::-webkit-scrollbar-thumb {background: var(--grey);}
.cartitemplace.fullcart::-webkit-scrollbar-thumb:hover {background: var(--black);}

.cookiesplace {z-index: 999;display:none;position:fixed;background:#000\8;background-color: rgba(0,0,0,0.8);width: 100%;bottom: 0;padding: 10px 10%;color: #fff;text-align: center;font-size: 16px;left:0}
.cookiesplace p, .cookiesplace a {color:#fff}
.cookiesplace button {color: #fff;text-decoration:none;display: inline-block;background: var(--maincolor);border: 1px solid var(--white);padding:10px 20px;margin:10px 0 0 0}
.cookiesplace button:hover, .cookiesplace button:focus {background:#000;}

.highlight {color:var(--seccolor);font-weight:900}

.logosplace {padding:5% 0}

.tmpclients {background:var(--greylight)}

.client {width:19%;margin:.5%;background:var(--white);display: flex;align-items: center;justify-content: center;height:160px;}
.client img {max-width:85%;max-height:100px;margin:auto}
.client .imgplace {text-align:center}

.hpvideo {padding:4% 0}
.hpvideo .moreabstract {padding:2% 0;text-align:center;display: flex;flex-wrap: wrap;justify-content: center;}
.hpvideo .moreabstract h2 {font-weight:700;width:100%;flex:auto;margin:30px 0 20px 0;text-transform:initial}
.hpvideo .moreabstract p {font-size:28px;padding:0  0 0 15px;margin:0 0 15px 15px;border-left:1px solid var(--seccolor)}
.hpvideo .moreabstract p:first-of-type {border:none}
.movieplace {max-width:1100px;margin:4% auto}
.movieplace iframe {width:100%;height:600px;}

.accordions {display:flex;justify-content: center;flex-wrap: wrap;}
.accordions .title {font-size:48px;text-transform:uppercase;font-weight:700;padding:0 50px 0 0;margin: 0 10px;background: url(../images/up-arrow.png) right center no-repeat;background-size: 40px;}
.accordions a:hover {color:var(--seccolor)}
.accordionplace .btn2 {text-align:center;margin:20px auto;display:block;text-decoration:underline}

.featurescardsplace {overflow:hidden;max-height:1450px;position:relative}
.featurescardsplace .btn {position:absolute;left:50%;bottom:0;margin:0 0 0 -100px;width:200px;}
.featurescards {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)); 
    grid-auto-rows: 450px;                           
    gap: 1px;

    grid-template-areas:
        "item1 item1 item2 item3"
        "item1 item1 item4 item5"
        "item6 item7 item8 item8";
}

.featurescards > .featurecard:nth-child(1) { grid-area: item1; }
.featurescards > .featurecard:nth-child(2) { grid-area: item2; }
.featurescards > .featurecard:nth-child(3) { grid-area: item3; }
.featurescards > .featurecard:nth-child(4) { grid-area: item4; }
.featurescards > .featurecard:nth-child(5) { grid-area: item5; }
.featurescards > .featurecard:nth-child(6) { grid-area: item6; }
.featurescards > .featurecard:nth-child(7) { grid-area: item7; }
.featurescards > .featurecard:nth-child(8) { grid-area: item8; }

.featurecard {
    position: relative;
    overflow: hidden;
    display: block;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
.featurecard .imgplace {height:100%;}
.featurecard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .6s ease;
}
.featurecard .abstract {position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;padding:4%;display:flex;    flex-direction: column;align-items: flex-start;justify-content: flex-end;}
.featurecard .title {color:var(--white);font-size:var(--fonttitle);font-weight:700}
.featurecard .subtitle {color:var(--white);font-size:20px;}
.featurecard:hover img {
    transform: scale(1.05);
}

.featurecard::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.15) 40%,
        rgba(0, 0, 0, 0) 70%
    );
    z-index: 1;
}

.featuresbottom {padding:4% 0}
.feature {display:flex}
.feature > div {width:60%;margin:0 -10% 0 0;position:relative}
.feature .imgplace {margin:0 0 0 -10%}
.feature .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.feature .abstract {background:var(--seccolor);padding:6%;z-index:2;margin:6% 0}
.feature .btn {background:var(--white);color:var(--black);margin:20px 0}
.feature .btn:hover {color:var(--white)}
.feature .title {font-size:48px;margin:0 0 10px 0;text-transform:uppercase}
.feature .subtitle {font-size:28px;margin:0 0 10px 0;}

.topbannerplace {background:var(--seccolor);padding:4%;text-align:center}
.topbannerplace h2  {text-transform:initial}
.topbannerplace h2 strong {font-weight:700;}
.topbannerplace .btn {background:var(--maincolor);margin:20px auto;width:150px;}



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

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

@media (max-width: 640px) {
    .featurescards {
        grid-template-columns: 1fr;
        grid-auto-rows: 220px;
    }
}




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

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

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


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

@media screen and (min-width: 1021px) and (max-width: 1460px) 
{
	.page, .shortpage, .mainabstract {padding:0 4%}
	.mainmenu li a {padding: 15px 10px;margin:0}
}

@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius: 3px;}
	.moremenu, .tmpbcitem .wrap:before, body .shoppingcart:hover .togglecart, .topmenu, body .accountplace .name, li li .moremenu,
	.togglecart {display:none}
	body, p, li, div, .bodytext p a, .bodytext li a, .accountplace .openaccount,
	a.btn, span.btn, input[type="submit"].btn, button.btn {font-size: 4vmin;}
	.marquee-inner,	.marquee-inner span {font-size:50px;}
	h1, .bigtitle, .sliderhome .title, .feature .title {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, .shortpage {width:100%;max-width:100%;padding:0 4%}

	header {padding:1% 2%;}
	html:lang(he) header .wrap {flex-direction: row-reverse;}

	.logo {height:auto;flex: auto;}
	.logo img, html:lang(he) .logo img {float:left;position: static;height:40px;}
	.tmpindex .logo img {filter:none}

	.openmenu {display:block;width:30px;height:30px;position:relative;float:right;margin:5px;background:none;border:none;padding:0;}
	.openmenu span, .openmenu div:after, .openmenu div:before {border-radius: 3px;display:block;height:6px;background:var(--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);}

	.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, .tmpindex .mainmenu li a {padding:11px;border-radius:initial;font-size: 5vw;border-bottom:1px solid var(--grey);color:var(--black)}
	.mainmenu li a span {display:block;text-align:center}
	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a {padding:10px;}
	.mainmenu ul {width:100%;margin:0;background:var(--greylight)}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-5%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}
	.dropmenuplace {display: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}

	.maincontent, #maintitleplace {margin-top:50px}
	
	.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}

	#grid .gallery-row {margin:0}

	.contactform {margin:0 0 5% 0}

	.stripplace {min-height: 100px;height: 350px;margin:0 0 2% 0}
	.liststyle .flex .imgplace {height: 350px;}
	body .accountplace,  body .saveforlatermenu {margin:0 5px;position:static}
	body .shoppingcart {margin:0 5px;}

	.smalltitle {font-size: 26px;}

	div .sliderbtn {bottom: -30px;}

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

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

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

	.shippingdata > div {width:100%}

	.sliderhome .slide {height:350px;}

	.accordionplace .feature {flex:initial}

	.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) .bodyflex > div, .bodyflex > div {padding:0;}
	
	.leftmenu a {padding: 5px 5px;margin: 5px;font-size: 14px;}

	.accordions {flex-direction: column;padding:2%}
	.accordions .title {font-size: 26px;margin:5px 0}

	.featurepopupplace .featurepopup {left:0;margin:0;width:100%}

	.movieplace iframe {height: 300px;}

	.featurecard {margin-bottom:10px;}

	.confirmplace {flex-direction: column-reverse;}
	.confirmplace > div:nth-of-type(2n), html:lang(he) .confirmplace > div:nth-of-type(2n) {position:static}

	.flexplace .flex .abstract, .flexplace .flex .title {min-height:0}

	html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount {right: 0px;width: 330px;}
	
	.feature .imgplace {height:350px;margin:0;}

	.opencontact {    padding: 5px 15px;margin:0 10px;font-size: 14px;}

	.bannerplace > div:nth-of-type(2n), .bannerplace > div:nth-of-type(2n) p {padding:0;text-align:initial}

	.hpvideo .moreabstract p {margin:5px;padding:0;border:none}

	.getcontactformplace {top: 48px;width: 100%;padding: 4%;}

	body .slider-for .slick-slide > div {height: 350px;}
	body .slider-nav {height:auto}

	body .slider-nav.slick-slider .slick-next, body .slider-nav.slick-slider .slick-prev {top: 35%;bottom: auto;margin:initial;zoom:.7}
	body .slider-nav.slick-slider .slick-next {left:auto;right:-20px;  transform:rotate(0deg); } 
	body .slider-nav.slick-slider .slick-prev {left:-20px;transform:rotate(-180deg);}
	body .slider-nav .slick-slide > div {height: 120px;}

	body .changeq {padding: 3px 5px;}
	html:lang(he) .productflex, .productflex {flex-direction: column-reverse;}
	body .accountplace .openaccount {padding: 0 5px;}

	.eventicons {flex-direction: column;}

}

body .sl-overlay {background:var(--black)}
body .sl-navigation button, body .sl-close {filter: brightness(0) invert(1)}
body .sl-wrapper .sl-counter { }
.sl-wrapper .sl-image img {box-shadow:var(--shadow);}

.invertsite img {filter: grayscale(100%);}
.invertsite p, .invertsite div, .invertsite li, .invertsite span, .invertsite button, .invertsite input, .invertsite header, .invertsite label,
.invertsite body, .invertsite a, .invertsite h1, .invertsite h2, .invertsite h3, .invertsite h4, .invertsite h5, .invertsite select, 
.invertsite textarea, .invertsite table td, .invertsite table th, .invertsite footer {background-color:var(--black) !important;color:var(--white) !important;}
.invertsite .lightblueplace {background:var(--black);}
.invertsite input, .invertsite button, .invertsite select, .invertsite .contactform textarea, .invertsite .contactform input[type="submit"],
.invertsite .contactsideplace textarea, .invertsite .saveforlatermenu {border:1px solid var(--white);}
.invertsite .saveforlatermenu span, .invertsite .accountplace .openaccount span, 
.invertsite .accountplace .openaccount span:after, .invertsite .accountplace .openaccount span:before {border:2px solid var(--white);}
.invertsite .opencart span, .invertsite .saveforlatermenu span:before, .invertsite .saveforlatermenu span:after,
.invertsite .accessibility span:before, .invertsite .removefromcart, .invertsite .removefromcart {background-color:var(--white) !important;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}

* {-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
div:after {content: "";display: table;clear: both;}

nav ul, .footerlinksbox ul, .productslistselects ul, .leftmenu li {margin:0;list-style-type:none;list-style: none;}
div a, button, input[type="submit"], .btn, .grid-item img, .flex img, a.btn span, .feature img, .feature div, .infobox img,
.btn:after, .flex div, .slider-nav img, .projectscol img, .catalogplace img, .flexgrid img {-webkit-transition: all 0.20s ease-in-out;}
.menuopen, .menuplace {-webkit-transition: all 0.50s ease-in-out;}

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

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

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

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

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

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