@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Poppins';font-style: normal;font-weight: 300;src: url('Fonts/poppins-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Poppins';font-style: normal;font-weight: 500;src: url('Fonts/poppins-v23-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: 'Poppins';font-style: normal;font-weight: 700;src: url('Fonts/poppins-v23-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@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:#1e89aa;
--seccolor:#199180;
--threecolor:#53a680;
--fontcolor:#111;
--fontsize:20px;
--fonttitle:24px;
--fontbold:700;  
--white: #fff;
--black: #000;
--grey: #D1DEE3;
--greylight: #EDF4F7;
--greydark: #666;
--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(--fontcolor);font: 300 var(--fontsize) Poppins, Arial, Helvetica, sans-serif;margin:0px;padding:0px;border:none; line-height:normal;background: none;}
body {-webkit-animation: bugfix infinite 1s;overflow-x:hidden;}
html, body {height:100%}
input, textarea, select {background:none;border:1px solid var(--grey);width:100%;padding:10px 20px;border-radius: 0;font-size:16px}
div, p, li {line-height: 140%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:100%;margin:0 0 20px 0;}
h1 {font-size: 52px;font-weight:var(--fontbold)} h2, h2 div {font-size: 45px;} h3, h3 div {font-size: 36px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;} p a {text-decoration:underline;} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu, .dnone, .openmyaccount {display:none}

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

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

.logo {float:left;display: flex;align-items: center;}
.logo img {display: block;}

.menuplace {flex: auto;margin:0 5px}
.mainmenu {display: flex;}
.mainmenu li {position:relative}
.mainmenu li a {font-size:16px;display:flex;padding:10px 15px;align-items: center;height:100%;justify-content: center;color: var(--fontcolor);text-align: center;position:relative;font-weight:300}
.mainmenu li > a:hover, .mainmenu li > a:focus {text-shadow:0px 0px .5px #000}
.mainmenu li.this > a {font-weight:500}

.mainmenu ul li {position:relative}
.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {padding:13px 20px;display:block;text-align:initial;background:none;}
.mainmenu li li:hover a, .mainmenu li li a:hover, .mainmenu li li a:focus {text-shadow:0px 0px .5px #000;text-decoration:underline;font-weight:500}

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

.topmenu {display: flex;margin:0 15px 0 0;}
.topmenu li {position:relative}
.topmenu li a {font-size:14px;display:flex;padding:5px;align-items: center;height:100%;justify-content: center;color: var(--fontcolor);text-align: center;position:relative}
.topmenu li > a:hover, .topmenu li > a:focus {text-shadow:0px 0px .5px #000}
.topmenu li.this > a {font-weight:500}

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

.dropmenuplace {position: absolute;top: 100%;left: 0%;z-index: 1;width:320px;display: none;background:var(--white);box-shadow: 0px 4px 5px rgba(0,0,0,0.2);}
.toggleplace, .toggleaccount {position: absolute;top: 100%;right: 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: none;color:var(--black);margin:0px auto;text-align:center;border:1px solid var(--black);border-radius:30px}
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);color:var(--white)}

.btn2 {display:block;position:relative;color:var(--greydark);padding:10px 0}
.btn2:after {background:var(--black);position:absolute;left:0;bottom:0;width:98%;height:1px;content:"";display:block;}
.btn2:before {position:absolute;right:0;bottom:-4.5px;content:"";display:block;width: 0px;height: 0px;border-style: solid;border-width: 0 6px 10.4px 6px;border-color: transparent transparent var(--black) transparent;transform: rotate(90deg);}
.btn2:hover, .btn2:focus {color:var(--maincolor)}
.btn2:hover:after, .btn2:focus:after {width:88%;background:var(--maincolor);}
.btn2:hover:before, .btn2:focus:before {right:10%;border-color: transparent transparent var(--maincolor) transparent;}

.btn2a {display:block;position:relative;color:var(--greydark);padding:10px 0}
.btn2a:after {background:var(--black);position:absolute;left:0;bottom:0;width:98%;height:1px;content:"";display:block;}
.btn2a:before {position:absolute;right:0;bottom:-4.5px;content:"";display:block;width: 0px;height: 0px;border-style: solid;border-width: 0 6px 10.4px 6px;border-color: transparent transparent var(--black) transparent;transform: rotate(90deg);}
.btn2a:hover, .btn2a:focus {color:var(--maincolor)}
.btn2a:hover:after, .btn2a:focus:after {width:88%;background:var(--maincolor);}
.btn2a:hover:before, .btn2a:focus:before {right:10%;border-color: transparent transparent var(--maincolor) transparent;}
.btn2a a {display: block;text-align: left;}


.nosliderhome {display:flex;flex-wrap:wrap}
.nosliderhome > div {width:33%;margin:0 .5% 0 0;position:relative;height:800px;}
.nosliderhome > div:nth-of-type(3n) {margin:0 }
.nosliderhome .abstract {position:absolute;left:0;top:0;width:100%;height:100%;padding:40px;display:flex;flex-direction: column;justify-content: flex-end;}
.nosliderhome div, .nosliderhome p, .nosliderhome h2, .nosliderhome h3 {color:var(--white)}
.nosliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.nosliderhome .btn2 {color:var(--white)}
.nosliderhome .btn2:after {background:var(--white);}
.nosliderhome .btn2:before {border-color: transparent transparent var(--white) transparent;}
.nosliderhome .title, .nosliderhome h2, .nosliderhome h3 {font-size:45px;margin:0 0 20px 0;}
.nosliderhome p {font-size:20px;}

.nosliderhome > div:nth-of-type(2n) p, .nosliderhome > div:nth-of-type(3n) p {font-size:24px;}

#maintitleplace, .maincontent {margin:105px 0 0 0;min-height:600px;position: relative;}
#maintitleplace {background:var(--maincolor);margin-bottom:4%}
#maintitleplace .page {padding-top:100px;}

.titleplace h1, .mainabstract, .mainabstract p, .mainabstract a, .mainabstract li {color:var(--white);}
.titleplace h1 {margin:50px 0 30px 0;max-width:60%}
.mainabstract {max-width:60%}
.tmpeventitem .mainabstract {max-width:80%}
.mainabstract ul {margin:0 20px;}

.green #maintitleplace {background:var(--threecolor)}
.greendark #maintitleplace, .tmpeventitem #maintitleplace {background:var(--seccolor)}

.columns {position:relative}

.tmpevents .columns {background: #80D0C9;background: linear-gradient(360deg, rgba(128, 208, 201, 1) 0%, rgba(128, 208, 201, 0) 100%, rgba(128, 208, 201, 0) 100%);}

.tmpregistration .columns, .tmplogin .columns, .tmpstoreaccount .columns {    background: #80D0C9;background: linear-gradient(180deg, rgba(128, 208, 201, 1) 0%, rgba(128, 208, 201, 0) 80%, rgba(128, 208, 201, 0) 100%);padding: 150px 0 0 0;}

.accountplace {position:relative}
.accountplace .openaccount {font-weight: 300;display: flex;align-items: center;}
.accountplace .openaccount span {width:30px;height:30px;display: block;background: url(../images/login.png) center center no-repeat;}
.accountplace .openaccount:hover span, .accountplace .openaccount.ilogin span {}
.accountplace .name {white-space:nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100px;display: block;}

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

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

.identityheader {margin:0 0 40px 0;display:flex;justify-content: center;}
.identityheader a {width:33%;padding:10px;text-align:center;background: var(--white);color: var(--black);margin:0 3%;border:1px solid var(--black);border-radius:30px;}
.identityheader a:hover, .identityheader a.this {background: var(--black);color: var(--white);}

.PasswordReset {padding:5px;text-align:center;color:#cc0000}

#loginPopup {position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display: flex;align-items: center;justify-content: center;}
.loginPopup {width:750px;margin:0 auto;position:absolute;background:var(--white);padding:4%;box-shadow: var(--shadow);}
.loginPopup .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;}
.loginPopup .close:before, .loginPopup .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
.loginPopup .close:after {transform: rotate(-45deg);}
.loginPopup .mandatorycontact {margin:0 0 20px 0;display:block}
.loginPopup input[type="checkbox"] {width:15px;height:15px;margin:0 10px;}
.loginPopup  input[type="submit"].btn {width:150px;margin:20px auto;    display: block;}

.loginplace .forgotpass {display:none}
.loginplace .forgotpass .enteremail {margin:0 0 15px 0}
.loginplace .openforgotpass {margin:20px auto;text-align:center;width: 100%;}
.loginplace .openforgotpass:hover, .loginplace .openforgotpass:focus {text-decoration:underline}
.loginplace .rememberme {background:none;border:none;display: flex;align-items: center;}
.loginplace .continuecheck {width:100%;display:none}

.welcomeplace {}
.welcomeplace div {text-align: center;font-size: var(--fonttitle);display: flex;float: left;}
.welcomeplace div span:nth-of-type(2n) {margin:0 5px;max-width:180px;text-overflow: ellipsis;white-space: nowrap;}
.welcomeplace input[type="submit"] {padding:5px 10px;float:right;width: auto;margin: 0;font-size:16px;border:1px solid var(--black)}

.myaccount {}
.myaccount a {display:block;margin:2px 0;}
.myaccount a:hover {text-decoration:underline}

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

.stripplace {position:absolute;width:35%;height:100%;right:0;top:0;overflow:hidden}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.tmprmp .stripplace {mix-blend-mode: multiply;width:100%;    /* opacity: .7;*/}

.tmpeventitem .stripplace {display:none}
.tmpeventitem .bodytext {margin:0 0 30px 0;border-bottom:1px solid var(--grey);padding:0 0 30px 0}
.tmpeventitem .bodytext h3 {margin:20px 0 10px 0;font-weight:600}

.tmpDonate .stripplace {width:100%;     opacity: .7;}
.tmpDonate .content {padding:0;}
.tmpDonate .contactformplace {margin:0;}
.tmpDonate #maintitleplace, .tmpstoreaccount #maintitleplace {margin-bottom:0}
.tmpDonate .mainabstractplace {display:flex;}
.tmpDonate .mainabstract2 {padding:0 0 0 4%;color:var(--white)}
.tmpDonate .mainabstract2 p, .tmpDonate .mainabstract2 h2, .tmpDonate .mainabstract2 h3, .tmpDonate .mainabstract2 li {color:var(--white)}
.tmpDonate .btn {margin:20px 0 0 0;background:var(--greylight);color:var(--black);border:none}

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

.imagesplace {position:relative;margin:0 0 3% 0;text-align:center}
.imagesplace a {display:flex;background:var(--greylight);position:relative;}
.imagesplace img {margin:auto;max-height:800px}
.imgside {width:45%;float:right;margin:0 0 20px 2%}

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

.breadcrumbs {position: relative;max-width:60%;}
.breadcrumbs ul {display: flex;flex-wrap: wrap;}
.breadcrumbs li {display:inline-block;font-size:16px;color:var(--white);}
.breadcrumbs span {padding: 0 10px;color:var(--white);font-size:12px}
.breadcrumbs a {color:var(--white);font-size:16px}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.featuresplace1, .featuresplace2 {padding:6% 0}
.featuresplace1 h2, .featuresplace2 h2, .featuresplace3 h2 {font-size:36px;margin:0 0 4% 0;text-align:center}
.featuresplace1 .btn, .featuresplace2 .btn {margin-top:20px;width:150px;display:block}
.featuresplace2 .btn {width: 270px;}
.featuresplace3 .btn {margin-top:50px;width:150px;display:block;border:none;text-decoration:underline}

.featuresplace1 {background: #1E89AA;background: linear-gradient(180deg, rgba(30, 137, 170, 0.75) 0%, rgba(30, 137, 170, 0) 100%);}
.featuresplace2 {background: #199180;background: linear-gradient(180deg, rgba(25, 145, 128, 0.75) 0%, rgba(25, 145, 128, 0) 100%);}

.featuresplace3 {min-height:900px;background: #53A680;background: linear-gradient(180deg, rgba(83, 166, 128, 0.75) 0%, rgba(83, 166, 128, 0) 100%);padding:6% 8% ;position:relative;overflow:hidden}
.featuresplace3 h2, .featuresplace3 a {position:relative;z-index:2;max-width:500px;margin:auto}
.featuresplace3 h2 {font-weight:var(--fontbold)}
.featuresplace3 h2 p, .featuresplace3 .bigparag {font-weight:normal;text-align:center;margin:20px 0}

.features {display:flex;flex-wrap:wrap;justify-content: center;}
.features > div {width:24%;margin:0 .5% 2% .5%;background:var(--white)}
.features .imgplace {height:210px;position:relative;overflow:hidden}
.features .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.features .title {margin:10px 0;font-weight:var(--fontbold)}
.features a:hover img {transform: scale(1.1,1.1);}
.features .abstract {padding:20px;}

.featuresplace1 .features > div:first-of-type {width:48%}
.featuresplace1 .features > div:first-of-type a {display:flex;height: 100%;}
.featuresplace1 .features > div:first-of-type .imgplace {width:45%;height:100%}
.featuresplace1 .features > div:first-of-type .abstract {width:65%;}


	.green.tmpregularfeature .featuresplace3.dnone {display:block}

.featuresline {height:1000px;width:1500px;position:absolute;left:50%;margin:0 0 0 -750px;top:0;overflow:hidden}
.featuresline:before {content:"";display:block;width:950px;height:950px;border-radius:100%;position:absolute;left:50%;top:-475px;margin:0 0 0 -475px;border:1px solid var(--black)}
.featuresline > div {text-align:center;position:absolute;width:250px;top:100px;right:50px;}
.featuresline > div:nth-of-type(2) {top:350px;right:250px;}
.featuresline > div:nth-of-type(3) {top:500px;right:620px;}
.featuresline > div:nth-of-type(4) {top:350px;right:1000px;}
.featuresline > div:nth-of-type(5) {top:100px;right:1200px;}

.featuresline .imgplace {margin:auto;height:70px;margin:0 0 10px 0;}
.featuresline .title {font-size:42px;font-weight:var(--fontbold);}
.featuresline .subtitle {font-weight:500;position:relative;margin:0 0 20px 0;}
/*.featuresline .subtitle:after {content:"";display:block;width:100px;position:absolute;left:50%;bottom:-15px;margin:0 0 0 -50px;height:1px;background:var(--black)}

.featuresline .line {position:relative;width:100%;height:60px;border-top:1px solid var(--black)}
.featuresline .line:before {position:absolute;content:"";display:block;background:var(--black);width:10px;height:10px;border-radius:100%;bottom:0px;left:50%;margin:0 0 0 -5px;}
.featuresline .line:after {position:absolute;content:"";display:block;background:var(--black);height:58px;width:1px;top:0px;left:50%;margin:0 0 0 -.5px;}
	*/
.featuresline .line {position:absolute;left:7px;top:0;background:var(--black);width:15px;height:15px;border-radius:100%}
.featuresline > div:nth-of-type(2) .line {left:58px;top:0;}
.featuresline > div:nth-of-type(3) .line {left: 117px;top: -30px;}
.featuresline > div:nth-of-type(4) .line {left:180px;top:0;}
.featuresline > div:nth-of-type(5) .line {left:230px;top:0;}

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

.bodytext p { line-height:140%;margin:0 0 15px 0}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul, .bodytext ol {margin:0 5px 20px 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)}
.bodytext h2 {font-size:var(--fonttitle);font-weight:var(--fontbold)}
.bodytext h3, .bodytext h4 {font-size:22px;font-weight:var(--fontbold)}
.bodytext hr {margin:40px 0;}

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

.tmpnews .flexplace .flex, .tabspage .flexplace .flex {width: 31.3%;}
.tmpnews .flexplace .flex .abstract, .tabspage .flexplace .flex .abstract {min-height: 150px;display: block;}
.tabspage .flexplace {margin:0;}
.tabspage .event {position:absolute;left:5%;top:5%;background:var(--seccolor);padding:10px 20px;color:var(--white);border-radius:30px;z-index:3}

.flexlist .flexitem {display: flex;background:var(--greylight);padding:2%;margin:0 0 10px 0;}
.flexlist .imgplace {width:20%;border:1px solid var(--black);margin:0 0 0 20px;}
.flexlist .imgplace img {display:block}
.flexlist .imgplace2 {width:30%;border:1px solid var(--black);position:relative;min-height:200px;}
.flexlist iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexlist .abstract {width:70%;padding:0}
.flexlist .title {font-size:24px;font-weight:500}
.flexlist a {color:#3232F9;display:inline-block;margin:20px 10px 0 0;text-decoration:underline}

.flex2 {width: 48%;margin: 0 0 2% 2%;position:relative;background:var(--greylight);border:1px solid var(--blackopacity2);padding:2%}
.flex2:nth-of-type(2n) {margin-left: 0;}
.flex2 .imgplace {height: 120px;position: relative;}
.flex2 img {max-height: 120px;}
.flex2 .title {font-size: 40px;margin:10px 0;}

.similarslider .slick-slide, .similarslider2 .slick-slide {margin:0;padding:10px;}
.similarslider .slick-next, .similarslider2 .slick-next {right:-40px}
.similarslider .slick-prev, .similarslider2 .slick-prev {left:-45px}

.similarslider2.flexplace .flex > a {display:flex;height: 100%;}
.similarslider2 .imgplace {width:45%;height:100%}
.similarslider2 .abstract {width:65%;flex:auto}


.client {width: 24%;margin: 0 1% 1% 1%;position:relative;background:var(--greylight);}
.client:nth-of-type(2n) {margin: 0 0 1% 0;}
.client .imgplace {background:var(--grey);display: flex;align-items: center;justify-content: center;position:absolute;top:0;left:0;width:100%;height:100%;    z-index: 2;}
.client .imgplace img {max-width:80%;max-height:80%}
.client .abstract {height: 300px;background:var(--grey);padding:20px;display: flex;align-items: center;justify-content: center;width: 100%;flex-direction: column;}
.client:hover .imgplace {opacity:0}
.client .btn2 {display:none}
.client:hover .btn2 {display:block;width: 100%;}
.client:hover .abstract {display: flex;align-items: flex-start;justify-content: flex-end;width: 100%;flex-direction: column;}

.client .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:50px;}

.catalogplace > div {width: 31.3%;margin: 0 1% 1% 1%;position:relative;background:var(--greylight);padding:40px;}
.catalogplace .title {font-size: var(--fonttitle);margin:10px 0 20px 0;}
.catalogplace .imgplace {width: 100px;height: 100px;position: relative;overflow: hidden;border-radius:100%;margin:0 0 30px 0}
.catalogplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.tmpmanagement .flexplace:first-of-type .management {width:100%;max-width:1000px;margin:0 auto;display:flex;background:var(--threecolor) url(../images/bg.png) center center no-repeat;    background-size: cover;}
.managementplace > h2:first-of-type {display:none}
.tmpmanagement h2 {text-align:center}
.tmpmanagement .flexplace:first-of-type .management .imgplacebg {width:50%;height: 600px;}
.tmpmanagement .flexplace:first-of-type .management .abstract {width:50%;padding:4% 6%;position:static;justify-content: center;}
.tmpmanagement .flexplace:first-of-type .management .imgplace {height:100%}
.tmpmanagement .flexplace:first-of-type .management:hover .imgplacebg {width:0%;}
.tmpmanagement .flexplace:first-of-type .management:hover .abstract {width:100%;}
.tmpmanagement .flexplace:first-of-type .management:hover .abstract div {color:var(--black)}
.tmpmanagement .flexplace:first-of-type .management .abstract .moreabstract, .tmpmanagement .flexplace:first-of-type .management .abstract:before {display:none}
.tmpmanagement .flexplace:first-of-type .management:hover .abstract .moreabstract {display:block}
.tmpmanagement .flexplace:first-of-type .management .title {font-size:28px;font-weight:var(--fontbold)}
.tmpmanagement .flexplace:first-of-type .management .position {font-size:28px;font-weight:500}
.tmpmanagement .flexplace:first-of-type .management .email {margin:10px 0 30px 0;display:block;text-decoration:underline}

.management {width: 31.3%;margin: 1% 1% 3% 1%;position:relative;background:var(--greylight)}
.management .imgplace, .imgplacebg {width: 100%;height: 500px;position: relative;overflow: hidden;}
.management img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.management .abstract {position:absolute;left:0;top:0;width:100%;height:100%;display: flex;align-items: flex-start;flex-direction: column;padding: 20px;justify-content: flex-end;}
.management .abstract:before {position:absolute;left:0;bottom:0;width:100%;height:50%;background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);content:"";display:block}
.management div {color:var(--white);z-index:3;position:relative;font-size: 17px;}
.management .title {font-size:22px;font-weight:500}
.management:hover .abstract {background:#86C0A6}
.management .position {font-weight:500}
.management:hover div {color:var(--black)}
.management .abstract .moreabstract, .management:hover .abstract:before {display:none}
.management:hover .abstract .moreabstract {display:block}
.management a {text-decoration:underline}

.managementbig {width:100%;margin:0 0 5% 0;display:flex;align-items: center;background:var(--threecolor) url(../images/bg.png) center center no-repeat;    background-size: cover;}
.managementbig .imgplacebg {width:50%;height: 650px;position: relative;overflow: hidden;}
.managementbig .abstract {width:50%;padding:4% 6%;position:static;justify-content: center;    height: 100%;display: flex;align-items: flex-start;flex-direction: column;}
.managementbig .imgplace {height:100%;width: 100%;position: relative;overflow: hidden;}
.managementbig:hover .imgplacebg {width:0%;}
.managementbig:hover .abstract {width:100%;}
.managementbig:hover .abstract div {color:var(--black)}
.managementbig .abstract .moreabstract, .managementbig .abstract:before {display:none}
.managementbig:hover .abstract .moreabstract {display:block}
.managementbig .title {font-size:28px;font-weight:var(--fontbold);color:var(--white)}
.managementbig .position {font-size:28px;font-weight:500;color:var(--white)}
.managementbig .email {margin:10px 0 30px 0;display:block;text-decoration:underline;color:var(--white)}
.managementbig img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}


.liststyle2 {margin:2.5% auto}
.liststyle2 > div {margin: 0 0 10px 0;background: var(--greylight)}
.liststyle2 .flexview {display:flex;flex-wrap:wrap}
.liststyle2 .flexview > div {padding:20px;text-align:center;border-right:2px solid var(--white);display: flex;align-items: center;justify-content: center;}
.liststyle2 .imgplace {width:20%;position:relative;display: flex;align-items: center;justify-content: center;}
.liststyle2 .imgplace img {max-height:80px;}
.liststyle2 .abstract {width:50%;padding:2%;flex:auto}
.liststyle2 .title {font-size:22px;margin:0 0 10px 0;}
.liststyle2 .phone, .liststyle2 .link {width:15%;}
.liststyle2 .link a, .liststyle2 .phone a {color:var(--maincolor);}

.liststyle {margin:2.5% auto}
.liststyle > div {margin: 0 0 2% 0;padding:0 0 2% 0;border-bottom:1px solid var(--greylight)}
.liststyle .flexview {display:flex;flex-wrap:wrap}
.liststyle .imgplace {width:25%;position:relative}
.liststyle .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .abstract {width:75%;padding:2%;flex:auto}
.liststyle .title {font-size:22px;margin:0 0 10px 0;color:var(--maincolor)}
.liststyle .date {font-size:18px;margin:0 10px 10px 10px;color:var(--maincolor)}
.articleplace .imgplace img
.liststyleplace h2 {color:var(--black);text-align:center;font-size:28px;font-weight:var(--fontbold)}

.anchorplace {display:flex;flex-wrap:wrap; align-items: flex-start; }

.liststyle3 {width:70%;padding:0 0 0 3%}
.liststyle3 > div {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid var(--grey)}
.liststyle3 .title {font-size:var(--fonttitle);font-weight:var(--fontbold);margin:0 0 15px 0;}
.liststyle3 .linkpart {border-radius:30px;background:var(--greylight);padding:10px 20px;margin:0 0 5px 0;}
.liststyle3 .linkpart:hover {background:var(--greydark);color:var(--white)}
.linkpartplace {display:flex;flex-direction: column;align-items: flex-start;}

.anchors {width:28%;margin:0 2% 0 0; position: sticky;top: 130px;z-index: 2;align-self: flex-start;        max-height: calc(100vh - 40px);  overflow: auto;            background: #fff;  }
.anchors button {display:block;padding:10px 30px;color:var(--fontcolor);border-bottom:1px solid var(--grey);font-size:16px;position:relative;width:100%;text-align:initial}
.anchors button:hover, .anchors button.this {text-decoration:underline;font-weight:500}
.anchors button.this:before {position: absolute;left: 0;top: 15px;content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 13px 8px;border-color: transparent transparent var(--black) transparent;transform: rotate(90deg);}
.anchors div {font-weight:bold;padding:0px 30px 10px 30px;font-size:18px;border-bottom:1px solid var(--grey);}
.anchors .linksplace {background:var(--greylight);padding:20px 40px 40px 40px ;border:none;margin:20px 0}
.anchors .linksplace h2 {display:none}

.anchors .linksplace a, html:lang(he) .anchors .linksplace a {display:block;position:relative;color:var(--greydark);padding:10px 0;background:none;font-weight:500;color:var(--black)}
.anchors .linksplace a:after {background:var(--black);position:absolute;left:0;bottom:0;width:98%;height:1px;content:"";display:block;}
.anchors .linksplace a:before {position:absolute;right:0;bottom:-4.5px;content:"";display:block;width: 0px;height: 0px;border-style: solid;border-width: 0 6px 10.4px 6px;border-color: transparent transparent var(--black) transparent;transform: rotate(90deg);}
.anchors .linksplace a:hover, .anchors .linksplace a:focus {color:var(--maincolor)}
.anchors .linksplace a:hover:after, .anchors .linksplace a:focus:after {width:88%;background:var(--maincolor);}
.anchors .linksplace a:hover:before, .anchors .linksplace a:focus:before {right:10%;border-color: transparent transparent var(--maincolor) transparent;}


.articleplace > div {margin:0 0 20px 0;padding:40px;background:var(--greylight)}
.articleplace .imgplace {width:25%;position:relative}
.articleplace .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.articleplace .abstract {width:75%;padding:0 0 0 2% ;flex:auto}
.articleplace .title {font-size:24px;margin:0 0 10px 0;color:var(--black);font-weight:500}
.articleplace .date {font-size:18px;margin:0 0 10px 0;color:var(--maincolor)}
.articleplace .btn3 {color:var(--maincolor);margin:20px 0 0 0;text-decoration:underline;display:inline-block}

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

.indexcontent {padding:120px 0;text-align:center}
.indexcontent h1 {font-weight:300;margin:0 0 4% 0}

.searchplace {position:absolute;right:0;top:105%;display:none;background:var(--white);padding:10px;width:100%}
.searchplace.opened {display:block}
.search {display:flex;width:500px;border:1px solid var(--grey);margin:5px auto;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);}

.eventshome .event {background:var(--greylight);padding:6%;min-height:380px;}
.eventshome .abstract {display:flex;width:100%;padding:0}
.eventshome .abstract > div {width:60%;padding:0 4% 0 0;position:relative}
.eventshome .abstract > div:nth-of-type(2n) {width:40%;padding:0 0 0 40px;background: url(../images/i1.png) 0 0 no-repeat;}
.eventshome .title {font-size:28px;font-weight:500;margin:0 0 40px 0;color:var(--black)}
.eventshome .date {font-weight:600;color:var(--black)}
.eventshome .upcoming {display:block}
.eventshome .btn2 {position:absolute;bottom:0;width:-webkit-fill-available}

.dateplace {margin:0 0 20px 0}
.dateplace .greyplace {padding: 10px 60px 10px 0px;background: var(--greylight) url(../images/i1.png) 98% 15px no-repeat;display:flex;min-height:40px;flex-wrap: wrap;}
.dateplace .greyplace > div {font-size:24px;}
.dateplace .date {font-weight:600;color:var(--black);margin:0 10px 0 15px;min-width: 100px;font-size:24px;}
.dateplace h3 {font-size:28px;margin:20px 0;font-weight: 700;}
.dateplace .greyplace .upcoming {width:100%;margin:10px 0 0 0}

.liststyle.eventshome .event {background:var(--white);margin:0 0 20px 0;}

.keyfeatures {display:flex;flex-wrap:wrap;margin:0 0 40px 0;}
.keyfeatures > div {width:32%;margin:.5%;background: #199180;background: linear-gradient(0deg, rgba(25, 145, 128, 0.75) 0%, rgba(25, 145, 128, 0) 100%);padding:30px;}
.keyfeatures .title {color:var(--seccolor);font-weight:bold;margin:0 0 20px 0;}
.keyfeatures .title span {padding:10px 5px;display:inline-block;border-bottom:1px solid var(--maincolor)}
.keyfeaturesplace h2 {font-size:28px;margin:20px 0;font-weight: 700;}

.eventsplace {margin:0 auto 5% auto}
.eventsplace h2 {font-size: 36px;margin: 0 0 4% 0;text-align: center;font-weight:var(--fontbold)}
.eventsplace .slick-prev {left:-50px;}
.eventsplace .slick-next {right:-50px;}

.storiesplace {margin: 2% auto 5% auto;}
.storiesplace h2 {font-size: 36px;margin: 0 0 4% 0;text-align: center;}
.storiesplace .slick-prev {left:-50px;}
.storiesplace .slick-next {right:-50px;}

.stories .storie {background:var(--greylight);padding:6%;min-height:400px;}
.stories .abstract {display:flex;}
.stories .abstract > div {width:30%;padding:0  0 0 4%;position:relative}
.stories .abstract > div:nth-of-type(2n) {width:70%;padding:0 0 0 40px;}
.stories .title {font-size:24px;font-weight:500;margin:10px 0 }
.stories .imgplace {width: 100px;height: 100px;position: relative;overflow: hidden;border-radius:100%;margin:0 0 30px 0;border:1px solid var(--maincolor)}
.stories img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.contactmore {display: flex;flex-direction: column;align-items: center;padding:5%;    background: #53A680;background: linear-gradient(360deg, rgba(83, 166, 128, 0.75) 0%, rgba(83, 166, 128, 0) 70%);}
.contactmore p {text-align:center;font-size:36px;margin:0 0 20px 0}

.bodytextgrey {background:var(--greylight);padding:4%;text-align:center;margin:30px 0;}
.bodytextgrey .btn {margin:20px auto 0 auto;text-decoration:none}

.doihavePTSD > div {border-bottom:1px solid var(--greylight);padding:20px 0;display:flex;align-items: center;}
.doihavePTSD .num {width:5%;}
.doihavePTSD .title {width:65%;}
.doihavePTSD .yesno {width:30%;text-align:center}
.doihavePTSD .btn {background:var(--greylight);border:none;padding:10px 40px;margin: 0 5px;}
.doihavePTSD .btn:hover, .doihavePTSD .btn:focus, .doihavePTSD .btn.this {background:var(--black);color:var(--white)}

.ptsdcheckplace {padding: 20px 0;display: flex;align-items: center;}
.ptsdcheckplace > div:first-of-type {width:70%;}
.ptsdcheckplace > div:nth-of-type(2n) {width:30%;text-align:center}
.ptsdcheckplace button {background:var(--greylight);border:none;padding:10px 40px;margin: 0 5px;border-radius:30px;}
.ptsdcheckplace button:hover, .ptsdcheckplace button:focus, .ptsdcheckplace button.this {background:var(--black);color:var(--white)}

.groupswrapper {    background: var(--greylight);padding: 5% 0;margin:5% 0 0 0}
.groupswrapper h2 {font-size:28px;font-weight:600}

.groupsheaders {display: flex;gap: 6px;margin-bottom: 20px;}
.groupheader {cursor: pointer;background:var(--greylight);border:none;padding:10px 40px;margin: 0 5px;border-radius:30px;border:1px solid var(--black)}
.groupheader:hover, .groupheader.active {background:var(--black);color:var(--white)}

.groupsitems {background:var(--white);padding:2% 4%;}
.groupitems {display: none;}
.groupitems.active {display: block;}

.groupitems .flexitem {display: flex;}
.groupitems .imgplace {width:20%;border:1px solid var(--black);position:relative}
.groupitems .imgplace2 {width:30%;border:1px solid var(--black);position:relative;min-height:200px;}
.groupitems iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.groupitems .abstract {width:70%;padding:4%}
.groupitems .title {font-size:24px;font-weight:500}
.groupitems a {color:#3232F9;display:inline-block;margin:20px 10px 0 0;text-decoration:underline}
.groupitems .moreabstract {margin:0 0 30px 0}
.groupitems .slick-prev {left:-50px}
.groupitems .slick-next {right:-50px}

.flexlinksplace {margin:5px 0;}
.flexlinksplace a {margin:2.5px 0 2.5px 20px;display:block}

.flexlinksplace .Num_0 {padding: 2px 30px 2px 0px;background: url(../images/file1.png) right center no-repeat;color:var(--black)}
.flexlinksplace .Num_1 {padding: 2px 40px 2px 0px;background: url(../images/file2.png) right center no-repeat;color:var(--black)}
.flexlinksplace .Num_2 {padding: 2px 40px 2px 0px;background: url(../images/file3.png) right center no-repeat;color:var(--black)}

.flexlistfilter {display:flex}
.flexlistfilter .flexlist {width:78%}
.flexlistfilter .downloadzonelistfilters {width:20%;margin:0 0 0 2%;position:relative}
.flexlistfilter .downloadzonelistfilters h2 {font-size:20px;font-weight:600;margin:0;}

#divResourceType {padding:20px 0;margin:20px 0;border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);}
#divTreatmentType {padding:0 0 20px 0;border-bottom:1px solid var(--grey);}
#btnResetFilters {font-size:16px;text-decoration:underline;position:absolute;left:0;top:0px;}
#divTreatmentType h2, #btnResetFilters h2 {margin: 0 0 10px 0;}

.downloadzonelistfilters label {display:flex;align-items: center;margin:3px 0}
.downloadzonelistfilters label input {width:15px;height:15px;margin:0 5px;}

.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 20px 0;}
.contactform label input, .contactform label textarea, .contactform select {color:var(--white);border:1px solid var(--white)}
.contactform textarea {height:105px;float: left;width: 100%;}
.contactform select {padding:10px;}
.contactform .errorplace {display: none;color:var(--white);position:absolute;left:0;bottom:-15px;font-size:11px;}
.contactform .mandatorycontact span:after {content: "*";display: inline-block;color: #ff0000;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform label span {display:block;font-style:italic}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px;width:15px;height:15px;}
.contactform .jointomailinglist {display:flex;align-items: center;}
.contactform a[href^="tel:"] {background: url(../images/iconphone.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="mailto:"] {background: url(../images/iconemail.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform a[href^="http:"] {background: url(../images/iconsite.png) 0px center no-repeat;padding:2px 0 2px 35px}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}
.contactform input[type="submit"] {background:var(--white);border:1px solid var(--white);width:auto;color:var(--maincolor)}
.contactform input[type="submit"]:hover, .contactform input[type="submit"]:focus,
.contactformplace2 .contactform input[type="submit"]:hover, .contactformplace2 .contactform input[type="submit"]:focus {background:var(--black);color:var(--white)}

.contactformplace2 .contactform input[type="submit"] {background:none;border:1px solid var(--white);color:var(--white)}
.contactformplace2 .btn {background:none;border:1px solid var(--white);color:var(--white)}
.contactformplace2 .btn:hover, .contactformplace2 .btn:focus {background:var(--black);color:var(--white)}
.contactformplace2 .socialmedia a {filter: brightness(0) invert(1)}

.contactform .df {display:flex}
.contactform .df label {width:33%;margin:0 1% 20px 0}
.contactform .df label:nth-of-type(3n) {margin:0 0 20px 0}
.contactform .roleplace {display: flex;}
.contactform .roleplace label {margin: 0 0 20px 1%;width: auto;color:var(--white)}
.contactform .roleplace span, .contactform .jointomailinglist span {color:var(--white)}

.contactformplace2 .contactflex > div {border-left:1px solid var(--white);padding:0 0 0 4%}
.contactformplace2 .contactflex > div:last-of-type {border:none;padding:0;}

.contactflex {display:flex}
.contactflex > div {width:32%;margin:0 2% 20px 0;flex:auto;}
.contactflex .tel {background: url(../images/phone3.png) right 5px no-repeat;padding:2px 35px 2px 0}
.contactflex .mail {background: url(../images/mail3.png) right 5px no-repeat;padding:2px 35px 2px 0}

.new_1 {display:flex;flex-wrap: wrap;margin:0 0 30px 0;}
.new_1 label {width:32%;margin:0 0 20px 1%;}

.new_2 {}
.new_2 > label {display:flex;}
.new_2 > label label, .new_2 > label span {margin:0 0 20px 1%;width:auto}

.new_3 {display:flex;flex-wrap: wrap;margin:0 0 30px 0;}
.new_3 label {width:32%;margin:0 0 20px 1%;}
.new_3 label label {width:100%;margin:10px 0 0 0}

.new_4  {margin:0 0 30px 0;}
.new_4 input[type="checkbox"] {width:15px;height:15px;margin:0 10px;}
.new_4 label {display:flex;align-items: center;}

.contactform .registerplace input, .contactform .registerplace select, .contactform .registerplace label {color:var(--black);}
.contactform .registerplace input[type="submit"], .contactform .loginplace input[type="submit"] {border:1px solid var(--black);width:100px;color:var(--black)}
.contactform .registerplace input[type="submit"]:hover, .contactform .loginplace input[type="submit"]:hover {color:var(--white)}
.contactform .registerplace input, .contactform .registerplace select, .contactform .loginplace input, .contactform .loginplace select {border:1px solid var(--black)}
.contactform .registerplace select {padding:9px}
.contactform .registerplace .errorplace, .contactform .loginplace .errorplace {color:#ff0000}

#H1inner {margin:0 0 30px 0;}
	
.tmpcontact .gradpage {padding-top:5%;background: #80D0C9;background: linear-gradient(180deg, rgba(128, 208, 201, 1) 0%, rgba(128, 208, 201, 0) 100%, rgba(128, 208, 201, 0) 100%);}
.tmpcontact #maintitleplace {margin-bottom: 0;}
.tmpcontact .content {padding:0;}
.tmpcontact .contactformplace {background:var(--seccolor);padding:6% 0;} 
.tmpcontact .contactformplace2 {background:var(--maincolor);padding:6% 0;} 
.tmpDonate .contactformplace {background:var(--seccolor);padding:6% 0;}
.contactformplace h2, .contactformplace p, .contactformplace2 h2, .contactformplace2 p {color:var(--white);font-size:28px;font-weight:600}

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

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

.gmap iframe {width:100%}

.downloads > div {display:flex;border-right:1px solid var(--greylight);border-bottom:1px solid var(--greylight)}
.downloads > div > div {padding:10px;text-align:center;border-left:1px solid var(--greylight);border-top:1px solid var(--greylight);width:33.3%}
.downloads a {text-decoration:underline}

footer {width:100%;background:var(--greylight);padding:5% 0}

.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 {border-top:1px solid var(--grey);padding:30px 0 0 0;margin:40px 0 0 0}
.credits a:hover, .credits a:focus {color:var(--maincolor);}
.credits p, .credits a {margin:0;color:var(--fontcolor);font-size:16px;}

.footerlogos {border-bottom:1px solid var(--grey);padding: 0 0 40px 0;margin: 0 0 40px 0;display: flex;align-items: center;}
.footerlogos a:first-of-type {flex:auto}
.footerlogos img {display:block}

.gallerypage.gridspecial.simplegallery {margin:0 0 5% 0}

.logosplace {font-size: 36px;margin: 0 0 4% 0;text-align: center;}
.logosslider img {margin:auto;max-width:200px;max-height:80px;}
.logosslider li {padding:10px}
.logosslider .imgplace, .logosslider .title {display:flex;height:100px;align-items: center;background:var(--white);padding:10px;justify-content: center;font-weight:500}
.logosslider .slide:hover .imgplace, .logosslider a:focus .imgplace {}
.logosplace .bigtitle {font-weight:var(--fontbold);font-size:36px;}
.logosplace .arrow {text-align:initial;font-weight:500}



.tmpregularfeature.logosplace {margin:  4% 0;}

.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:0px;display: flex;}
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 50px 30px 50px;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 .answer ul, .faqsplace .answer ol {margin:0 20px;}

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

.faqsplace .btn {margin:20px 0 0 0;}

.docsplace, .linksplace {margin:3% 0;}
.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 {     display: inline-block;   border-radius: 30px;background: var(--greylight);padding: 10px 20px;margin: 0 0 5px 0;}

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

.tabsplace {width:100%;float:left;display:flex;margin:0 0 20px 0;}
.tabsplace button {padding:10px 20px;display: flex;flex-direction: column;align-items: center;position:relative;border:1px solid var(--black);border-radius:30px;margin:0 2px 0 0}
.tabsplace button:hover, .tabsplace button:focus, .tabsplace button.this {background:var(--black);color:var(--white)}

.tabcontentplace {width:100%;float:left;background:var(--white);margin:20px 0;}
.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;}

.tmparticle .columns {max-width:1430px;margin:auto;width:100%}
.tmparticle .content {display:flex;justify-content: space-between;}
.tmparticle .content .shortpage {padding:0;max-width:850px;margin:0;}

.leftcolumn {position:sticky;right:0;top:0;width:350px;}
.leftmenu {border-top:1px solid var(--grey);}
.leftmenu a {display:block;padding:10px 30px;color:var(--fontcolor);border-bottom:1px solid var(--grey);font-size:16px;position:relative}
.leftmenu .level1.this {display:none}
.leftmenu a:hover {text-decoration:underline}
.leftmenu .this a {text-decoration:underline}
.leftmenu .this a:before {position: absolute;left: 0;top: 15px;content: "";display: block;width: 0px;height: 0px;border-style: solid;border-width: 0 8px 13px 8px;border-color: transparent transparent var(--black) transparent;transform: rotate(90deg);}

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

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

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

.greencircleclass {display:flex;margin:10px 0;align-items: center;}
.greencircleclass:before {background:var(--seccolor);width:15px;height:15px;border-radius:100%;content:"";display:block;margin:0 5px;}

.bannerplace {display:flex}
.bannerplace > div {padding:0 2% 0 0;width: 25%;flex: auto;}
.bannerplace > div:last-of-type {padding:0}
.bannerplace a, .bannerplace p {font-size:16px;}
.bannerplace h2 {font-size:20px;font-weight:var(--fontbold)}
.bannerplace h3 {font-size:18px;font-weight:var(--fontbold)}
.bannerplace p {margin:0 0 15px 0;}
.bannerplace p strong a {font-weight:700}
.bannerplace a {margin:0 0 5px 0;text-decoration:none;display: block;}
.bannerplace a:hover, .bannerplace a:focus {color:var(--maincolor);font-weight:500}

.socialmedia {display: flex;flex-wrap:wrap;}
.socialmedia a {margin:5px;width:30px;height:30px;filter: brightness(0) invert(0)}
.socialmedia a:hover {opacity:.5}
.socialmedia .facebook {background: url(../images/facebook.png) center center no-repeat;background-size:cover}
.socialmedia .youtube {background: url(../images/youtube.png) center center no-repeat;background-size:cover}
.socialmedia .instagram {background: url(../images/instagram.png) center center no-repeat;background-size:cover}
.socialmedia .linkedin {background: url(../images/linkedin.png) center center no-repeat;background-size:cover}
.socialmedia .tiktok {background: url(../images/tiktok.png) center center no-repeat;background-size:cover}

.footerlinksplace {display: flex;flex-wrap: wrap;}
.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)}

.topbannerplace {position:fixed;left:0;top:75px;padding:10px;box-shadow:var(--shadow);background:rgba(50,50,50, 0.9);z-index:99;width:100%;border-bottom: 1px solid var(--maincolor);}
.topbannerplace p, .topbannerplace li {margin:0;padding:0;font-size:15px;color:var(--white);text-align:center}

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

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

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

.opensearch {display: block;margin:0 10px;border-left:1px solid var(--greydark);border-right:1px solid var(--greydark)}
.opensearch span {display: block;width:50px;height:30px;background: url(../images/search.png) center center no-repeat;}
.opensearch:hover, .opensearch:focus {}
.opensearch.opened span {background: url(../images/close.png) center center no-repeat;background-size: 20px;}
.opensearch.opened:hover span, .opensearch.opened:focus span {}
.opensearch:hover span, .opensearch:focus span {}

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

.timelineplace {margin:40px 0;background:var(--greylight);padding:4%;position:relative;}
.timeline > div {display:flex;flex-direction: column;    align-items: center;}
.timeline:nth-of-type(2n) > div, .slick-slide:nth-of-type(2n) .timeline > div {flex-direction: column-reverse;}
.timeline:nth-of-type(2n) .imgplace, .slick-slide:nth-of-type(2n) .timeline .imgplace {margin: 30px 0 0 0}
.timeline .imgplace {width:150px;height:150px;position:relative;overflow:hidden;border-radius:100%;margin:0 0 30px 0}
.timeline .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.timeline div {text-align:center}
.timeline .title {color:var(--maincolor);margin:0px 0 5px 0}
.timeline:nth-of-type(2n) .title, .slick-slide:nth-of-type(2n) .timeline .title {margin: 5px 0 0px 0}
.timeline p {font-size:16px;}
.timeline .abstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:96px;}
.timelineslider {display:flex;    flex-wrap: wrap;position:relative;z-index:2}
.timelineslider:after {content:"";display:block;height:2px;width:100%;background:var(--grey);position:absolute;left:0;top:52%}
.timelineslider .slick-prev {left:-50px;}
.timelineslider .slick-next {right:-50px;}
.timelineslider .slick-slide {width:20%;padding:1%;}
.timelineslider .slick-list {position:relative;z-index:2}

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

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

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

.projects > div {display:flex;padding:40px;margin:0 0 10px 0;background:var(--greylight)}
.projects .imgplace {margin:0 5% 0 0;width:200px;position:relative;height:250px;}
.projects .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.projects .title {font-size:var(--fonttitle);margin:0 0 20px 0;}
.projects .btn3 {margin:20px 0 0 0;color:var(--maincolor);display:inline-block}

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

body .a2a_kit {position:absolute;left:0;top:-35px;float: left;display: flex;justify-content: center;z-index:3}
body .a2a_default_style:not(.a2a_flex_style) a {background: var(--white) url(../images/share2.png) 10% center no-repeat;padding: 10px 10px 10px 35px;color: var(--fontcolor);}
body .a2a_default_style .a2a_dd span {display:none}
body .a2a_default_style:not(.a2a_flex_style) a:hover {filter: drop-shadow(0px 0px 3px rgba(50, 50, 50, .5));}

#viewCounter {padding:5px 10px 5px 38px;position:absolute;left:0;top:5px;background:var(--white) url(../images/visible.png) 10% center no-repeat;z-index:3;display:none}

.tmpDonate #viewCounter, .tmpDonate .a2a_kit, .tmpcontact #viewCounter, .tmpcontact .a2a_kit {display:none}

html:lang(en) body .a2a_kit, html:lang(en) #btnResetFilters {left:auto;right:0}
html:lang(en) .flexlistfilter .downloadzonelistfilters {margin: 0 2% 0 0;}
html:lang(en) .flexlist .imgplace {    margin: 0 20px 0 0px;}
html:lang(en) .flexlinksplace .Num_0 {padding: 2px 0px 2px 30px;background: url(../images/file1.png) left center no-repeat;}
html:lang(en) .flexlinksplace .Num_1 {padding: 2px 0px 2px 40px;background: url(../images/file2.png) left center no-repeat;}
html:lang(en) .flexlinksplace .Num_2 {padding: 2px 0px 2px 40px;background: url(../images/file3.png) left center no-repeat;}
html:lang(en) .anchors {margin: 0  0 0 2%;}
html:lang(en) .flexlinksplace a {    margin: 2.5px 20px 2.5px 0px;}

html:lang(he) html, html:lang(he) body, html:lang(he) div, html:lang(he) h1, html:lang(he) h2, html:lang(he) h3, html:lang(he) h4,
html:lang(he) p, html:lang(he) th, html:lang(he) td, html:lang(he) label, html:lang(he) li, html:lang(he) input, 
html:lang(he) textarea, html:lang(he) select, html:lang(he) button, html:lang(he) a {font-family: Assistant, Arial, Helvetica, sans-serif;}

html:lang(he) strong, html:lang(he) b {font-weight:700}

html:lang(he) body {text-align:right;direction:rtl;}
html:lang(he) .slick-slider {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) .logosslider.slick-slider {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) .stripplace,
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) 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) .topmenu {margin: 0 0px 0 15px;}

html:lang(he) .nosliderhome > div {margin:0 0 0 .5%;}
html:lang(he) .nosliderhome > div:nth-of-type(3n) {margin:0 }

html:lang(he) .btn2:after, html:lang(he) .anchors .linksplace a:after {left:auto;right:0}
html:lang(he) .btn2:before, html:lang(he) .anchors .linksplace a:before {right:auto;left:0;border-color: transparent transparent var(--black) transparent;transform: rotate(270deg);}
html:lang(he) .btn2:hover:before, html:lang(he) .btn2:focus:before, html:lang(he) .anchors .linksplace a:hover:before, html:lang(he) .anchors .linksplace a:focus:before {right:auto;left:10%;border-color: transparent transparent var(--maincolor) transparent;}

html:lang(he) .nosliderhome .btn2:before {border-color: transparent transparent var(--white) transparent;}

html:lang(he) .mainmenu li a, html:lang(he) .topmenu li a {font-size: 18px;}

html:lang(he) .faqsplace .question span {right: auto;left: 20px;}
html:lang(he) .articleplace .abstract {padding: 0 2% 0 0;}
html:lang(he) .leftmenu .this a:before, html:lang(he) .anchors button.this:before {left:auto;right:0;transform: rotate(270deg);}

html:lang(he) .contactform .df label {margin:0 0 20px 1%}
html:lang(he) .contactform .df label:nth-of-type(3n) {margin:0 0 20px 0}
html:lang(he) .tmpDonate .mainabstract2 {padding:0 4% 0 0;}
html:lang(he) .contactflex > div {margin:0 0 20px 2%;}

html:lang(he) .eventshome .abstract > div {padding:0 0 0 4%;}
html:lang(he) .eventshome .abstract > div:nth-of-type(2n) {padding:0 40px 0 0px;background: url(../images/i1.png) right 0 no-repeat;}
html:lang(he) .searchplace {right:auto;left:0;}
html:lang(he) .projects .imgplace {margin:0  0 0 5%;}

@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: 1429px) 
{
	.page, .shortpage, .tmparticle .columns {padding:0 4%}
	.indexcontent.shortpage {padding:120px 0}
}

@media screen and (min-width: 1280px) and (max-width: 1410px) 
{
	.featuresline > div {width: 180px;right: 120px;}
	.featuresline > div:nth-of-type(2) {right: 320px;}
	.featuresline > div:nth-of-type(3) {right: 655px;}
	.featuresline > div:nth-of-type(4) {right: 1070px;}
	.featuresline > div:nth-of-type(5) .line {    left: 160px;}
	.featuresline > div:nth-of-type(3) .line {left: 82px;}
	.featuresline .moreabstract {font-size: 16px;}
}
@media screen and (min-width: 1021px) and (max-width: 1279px) 
{
	.featuresline {zoom:.7}
}

@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;}
	.nosliderhome .title, .nosliderhome h2, .nosliderhome h3 {font-size:40px;}
	h1, .bigtitle, .sliderhome .title, .eventsplace h2, .featuresplace1 h2, .featuresplace2 h2, .featuresplace3 h2,
	.logosplace .bigtitle {font-size:30px;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title {font-size:25px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	.credits p, .credits a {font-size:14px}
	.page, .shortpage {width:100%;max-width:100%;padding:0 4%}

	header {padding:5px;}
	header .page {padding:0}
	html:lang(he) header .wrap {flex-direction: row-reverse;}

	.logo {height:auto;justify-content: flex-end;        flex: auto;}
	.logo img, html:lang(he) .logo img {float:left;position: static;height:45px;}

	.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(--maincolor);margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-4px;}
	.openmenu div:before { content: '';top:-4px;}
	.openmenu.opened {opacity:1}
	.openmenu.opened div:before {transform: translateY(10px) rotate(135deg);}
	.openmenu.opened div:after {transform: translateY(-10px) rotate(-135deg);} 
	.openmenu.opened span {transform: scale(0);}

	.menuplace, body:lang(he) .menuplace {z-index:999;transform: translateX(-105%);position:fixed;top:0px;width:90%;margin:0;height: 100vh;background: var(--white);box-shadow: var(--shadow);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 100%;padding: 0;position: absolute;top: 0px;left: 0%;margin: 0; box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding:0 0 30% 0}
	.mainmenu li, html:lang(he) .mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li a {padding:12px;border-radius:initial;font-size: 5vw;border-bottom:1px solid var(--grey)}
	.mainmenu li a span {display:block;text-align:center}
	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a {padding:5px;}
	.mainmenu ul {width:100%;margin:0;background:var(--greylight)}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-2%);}
	.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:60px;margin-bottom: 30px;}
	#maintitleplace, .maincontent {min-height:auto}

	.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%;max-width:none}
	.search input {background:none;font-size: 14px;}
	.search .submitsearch {border-radius:0;height:auto}

	.toggleplace, .togglecart, .toggleaccount,
	html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount {width:100%;}

	.contactform {margin:0 0 5% 0}
	
	.titleplace h1, .tmpeventitem .mainabstract, .mainabstract {max-width:75%}
	.titleplace h1 {margin:10px 0;}
	.stripplace {min-height: 90px;margin:0 0 2% 0;width: 25%;}
	
	.anchorplace { flex-direction: column-reverse; }
	.anchors { position: sticky; top: 60px; max-height: none; overflow: visible; box-shadow:var(--shadow);display:none}
	.liststyle3, .anchors { width: 100%; margin: 0;padding:0 }
	.anchors .linksplace {padding: 2px 10px 5px 10px;font-size: 14px;margin:0}
	.anchors button {    padding: 5px 25px;font-size: 14px;}
	.anchors button.this:before {top: 7px;}

	body .accountplace,  body .saveforlatermenu {margin:0 5px;position:static}
	body .shoppingcart {margin:0 5px;}
	.bodytext hr {margin: 20px 0;}
	.bodytext table p, .dropmenuplace .page, .featuresbottom, .featuresplace, .logosplace, body .productflex,
	.productsslider.slick-dotted.slick-slider {padding:0;margin:0;}

	.productslistselects .page, .accordionplace, #contactfooter .contactform, .bannerplace, .eventshome .abstract, .flexlistfilter,
	.stories .abstract, .featuresline, .tmparticle .content, .contactflex, .contactform .df, .contactform .roleplace {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, .nosliderhome > div, 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, .stories .abstract > div,
	.featuresplace1 .features > div:first-of-type, .eventshome .abstract > div, .eventshome .abstract > div:nth-of-type(2n),
	.stories .abstract > div:nth-of-type(2n), .management, .tmparticle .content .shortpage, .client:nth-of-type(2n), .contactform .roleplace label,
	.catalogplace > div, .tmpnews .flexplace .flex, .contactform .df label, html:lang(he) .contactform .df label, .flexlistfilter .flexlist,
	.tmpnews .flexplace .flex, .tabspage .flexplace .flex, .flexlistfilter .downloadzonelistfilters {width:100%;margin:0 auto 5% auto;border:none;padding:0;max-width:none}

	.shippingdata > div {width:100%}

	.loginPopup {width:100%;}

	.accordionplace .feature {flex:initial}

	.titleplace h1, .mainabstract, .mainabstract p, .mainabstract a, .mainabstract li {text-shadow:2px 2px 4px #000}

	.indexcontent, .nosliderhome .abstract, .tmparticle .columns, .catalogplace > div {padding:6% 4%}
	html:lang(he) .eventshome .abstract > div,
	html:lang(he) .eventshome .abstract > div:nth-of-type(2n) {padding:0}

	html:lang(he) .nosliderhome > div, .nosliderhome > div {height:auto;margin:0 0 2px 0;min-height:200px;}
	html:lang(he) .nosliderhome > div:first-of-type, .nosliderhome > div:first-of-type {min-height:300px;}

	html:lang(he) .eventshome .abstract > div:nth-of-type(2n) {background:none}
	.eventshome .btn2 {position:static}
	
	.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;}
	
	#maintitleplace .page {    padding: 20px 10px 20px 10px;}

	.leftmenu a {padding: 5px 5px;margin: 5px;font-size: 14px;}

	.featurepopupplace .featurepopup {left:0;margin:0;width:100%}
	.dateplace .greyplace {flex-direction: column;}

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

	.contactmore {margin:5% 0}
	.footerlogos img {max-width:80%;margin:5%}
	.flexplace .flex .abstract, .flexplace .flex .title {min-height:0}

	html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount {right: 0px;width: 365px;}

	.breadcrumbs {max-width: 100%;}

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

	.ptsdcheckplace button, .doihavePTSD .btn {margin:5px;width:80px;text-align:center;    padding: 5px 20px;font-size:16px;}

	.liststyle3 > div {    margin: 0 0 20px 0;padding: 0 0 20px 0;}

	.liststyle2 .title {font-size:18px;}
	.liststyle2 .phone, .liststyle2 .link {width: 25%;}

	.similarslider .slick-next, .similarslider2 .slick-next, div .slick-next {right:0px;zoom:.5}
	.similarslider .slick-prev, .similarslider2 .slick-prev, div .slick-prev {left:5px;zoom:.5}

	.eventsplace .slick-prev {left:0px;}
	.eventsplace .slick-next {right:0px;}
	.storiesplace .slick-prev {left:0px;}
	.storiesplace .slick-next {right:0px;}

	.smalllogo {margin:0 10px 0 0}
	.smalllogo img {height:45px;}

	.contactform label span {    font-size: 14px;}

	.featuresline {width:100%;left:0;margin:0;position:static}
	.featuresline > div {position:static;width:100%}
	.featuresline .line, .featuresline:before {display:none}
	.featuresplace3 .btn {margin:20px auto 50px auto;border:1px solid var(--black)}

	#viewCounter {left: 65px;top: -30px; padding: 5px 0 5px 20px;background-size:15px;font-size: 12px;}

	#vplugin-toggler {margin-top: 100% !important; }

	body .a2a_kit {top: -30px;}
	body .a2a_default_style:not(.a2a_flex_style) a {padding: 5px 5px 5px 25px;font-size: 12px;background-size:15px;}

	.managementbig, .tmpmanagement .flexplace:first-of-type .management {flex-direction: column;}
	.managementbig .imgplacebg, .tmpmanagement .flexplace:first-of-type .management .imgplacebg {width:100%;height:350px;}
	.managementbig .abstract, .tmpmanagement .flexplace:first-of-type .management .abstract {width:100%;        height: auto;}

	.liststyle2 .abstract {width: 30%;}
	.liststyle2 .flexview > div {padding:5px;}
	.liststyle2 .link a, .liststyle2 .phone a {font-size: 16px;}

	.groupsheaders, .groupitems .flexitem, .keyfeatures {flex-direction: column;}
	.groupitems .imgplace, .groupitems .imgplace2, .keyfeatures > div {min-height:150px;width:100%}
	.groupitems .abstract {width:100%}

}

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, .btn2:after, .btn2:before, .client div, .anchors .linksplace a:before,
.anchors .linksplace a:after, .btn2a:after, .btn2a:before {-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) }


.contactform .registerplace ::-webkit-input-placeholder { color:var(--black)}
.contactform .registerplace ::-moz-placeholder { color:var(--black)}
.contactform .registerplace :-ms-input-placeholder {color:var(--black) }
.contactform .registerplace :-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}
}