.bebas-neue-regular {font-family: "Bebas Neue", sans-serif;font-weight: 400;font-style: normal;}
.ubuntu-condensed-regular {font-family: "Ubuntu Condensed", serif;font-weight: 400;font-style: normal;}
.poppins-thin {font-family: "Poppins", serif;font-weight: 100;font-style: normal;}
.poppins-extralight {font-family: "Poppins", serif;font-weight: 200;font-style: normal;}
.poppins-light {font-family: "Poppins", serif;font-weight: 300;font-style: normal;}
.poppins-regular {font-family: "Poppins", serif;font-weight: 400;font-style: normal;}
.poppins-medium {font-family: "Poppins", serif;font-weight: 500;font-style: normal;}
.poppins-semibold {font-family: "Poppins", serif;font-weight: 600;font-style: normal;}
.poppins-bold {font-family: "Poppins", serif;font-weight: 700;font-style: normal;}
.poppins-extrabold {font-family: "Poppins", serif;font-weight: 800;font-style: normal;}
.poppins-black {font-family: "Poppins", serif;font-weight: 900;font-style: normal;}
.poppins-thin-italic {font-family: "Poppins", serif;font-weight: 100;font-style: italic;}
.poppins-extralight-italic {font-family: "Poppins", serif;font-weight: 200;font-style: italic;}
.poppins-light-italic {font-family: "Poppins", serif;font-weight: 300;font-style: italic;}
.poppins-regular-italic {font-family: "Poppins", serif;font-weight: 400;font-style: italic;}
.poppins-medium-italic {font-family: "Poppins", serif;font-weight: 500;font-style: italic;}
.poppins-semibold-italic {font-family: "Poppins", serif;font-weight: 600;font-style: italic;}
.poppins-bold-italic {font-family: "Poppins", serif;font-weight: 700;font-style: italic;}
.poppins-extrabold-italic {font-family: "Poppins", serif;font-weight: 800;font-style: italic;}
.poppins-black-italic {font-family: "Poppins", serif;font-weight: 900;font-style: italic;}

.playfair-display{
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

:root {
--maincolor:#26395e;
--seccolor:#fec10e;

--bluelightcolor:#F2FBFD;
--fontcolor:#000;
--fontsize:20px;
--fonttitle:36px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #ccc;
--greylight: #eee;
--greydark: #666;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.5);
--greyopacity: rgba(242, 251, 253, 0.7);
--shadow: 0px 3px 3px rgba(0,0,0,0.4);
--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:15px 20px;border-radius: 0;font-size:16px}
div, p, li {line-height: 120%;}
p {text-align:justify}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:120%;font-family:Bebas Neue;text-transform:uppercase;    margin: 0 0 20px 0;}
h1 {font-size: 140px;} h2, h2 div {font-size: 48px;} h3, h3 div {font-size: 36px;} h4 {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;} p a {color:var(--seccolor)} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu {display:none}

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

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

.logo {margin:10px 10px 10px 4%;display:flex}

.menuplace {flex: auto;margin:0px 10px}
.mainmenu {display: flex;justify-content: space-evenly;max-width: 80%;}
.mainmenu li {position:relative}
.mainmenu li a {font-size:16px;display:flex;padding:10px 10px;align-items: center;height:100%;justify-content: center;color: var(--fontcolor);text-align: center;position:relative;margin:0 10px;font-weight:normal}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {color:var(--black);text-shadow:0 0 1px var(--black)}
.mainmenu li > a:after {content:"";display:block;width:0%;height:1px;background:var(--black);position:absolute;bottom:0;left:0}
.mainmenu li > a:hover:after, .mainmenu li > a:focus:after, .mainmenu li.this > a:after {width:100%}

.mainmenu ul {}
.mainmenu ul li {position:relative}
.mainmenu li:hover li a, .mainmenu li li a, .mainmenu li.this li a {padding:15px 20px;display:block;text-align:initial;background:none;margin:0;}
.mainmenu li li:hover a, .mainmenu li li a:hover, .mainmenu li li a:focus {}

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

.topmenu {display: flex;position:absolute;right:0;top:0;}
.topmenu li {position:relative}
.topmenu li a {font-size:16px;background:var(--seccolor);display:flex;padding:25px 25px;align-items: center;height:100%;justify-content: center;color: var(--white);text-align: center;position:relative;min-width:350px;font-weight:normal}
.topmenu li > a:hover, .topmenu li > a:focus, .topmenu li.this > a {color:var(--white);background:var(--maincolor)}

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

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

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

.btn2 {color:var(--seccolor);font-weight:400;margin:10px 0 0 0;float:right}
.btn2:hover, .btn2:focus {text-decoration:underline}

.sliderhome {position: relative;background:var(--black)}
.sliderhome .slide {height:90vh;position: relative;overflow: hidden;max-height:1000px;margin:0 0 -10px 0;}
.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;opacity:.85}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;text-align: center;height:100%;display:flex;flex-direction: column;justify-content: center;}
.sliderhome .title {font-family:Bebas Neue;text-transform:uppercase;font-size:170px;color:var(--white);line-height:80%;max-width: 750px;margin:0 auto;filter: drop-shadow(2px 2px 4px rgba(50, 50, 50, .2));}
.sliderhome .slick-dotted.slick-slider {margin:0}
.sliderhome .custom-dots {bottom: 10px;}
.sliderhome .custom-dots li {margin:0}
.sliderhome p, .sliderhome li {font-size:28px;color:var(--white);margin:0 0 35px 0;text-align:center;filter: drop-shadow(2px 2px 4px rgba(50, 50, 50, .2));}
.sliderhome .custom-dots li a {width: 15px;height: 15px;background:var(--white);}
.sliderhome .custom-dots li.slick-active a {background: var(--seccolor)}

.stripplace {min-height:300px;position:relative}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.content {width: 100%;float: left;}

.imagesplace {position:relative;margin:0 0 5% 0;text-align:center}
.imagesplace a {display:flex;position:relative;width:48%;flex:auto;margin:1%;height:500px;}
/*.imagesplace a:nth-of-type(2n) {margin:0 0 0 2%;width:48%}
.imagesplace img {margin:auto;max-height:800px}*/
.imagesplace .simplegallery {display:flex;flex-wrap: wrap;}
.imgside {max-width:45%;float:left;margin:0 4% 5% 0}
.imagesplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.imagesplace.imgside img {position: static;width: auto;height: auto;}

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

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

.features1 {margin:4% 0 0 0}
.features1 > div {display:flex;padding:5%}
.features1 > div:first-of-type, .features1 > div:nth-of-type(3n) {background:var(--bluelightcolor)}
.features1 .title {font-size:48px;width:40%;font-family:Bebas Neue;text-transform:uppercase;padding:0 4% 0 0}
.features1 .abstract {width:60%;padding:0 4% 0 0}

.features2 {display:flex;flex-wrap:wrap;}
.features2 > div {width:24.25%;margin:0 1% 2% 0}
.features2 > div:nth-of-type(4n) {margin:0 0 2% 0}
.features2 .imgplace {height:600px;position:relative;overflow:hidden}
.features2 .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.features2 .title {position:absolute;left:0;bottom:0;padding:2% 4%;font-size:36px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);display: flex;width: 100%;justify-content: space-between;}
.features2 .title:after {content:"";display:block;width:40px;height:40px;background: url(../images/arrownext.png) center center no-repeat;background-size:40px;filter: brightness(0) invert(1)}
.features2 a:hover .title, .features2 a:focus .title {padding:2% 8%;filter: drop-shadow(2px 2px 3px rgba(50,50,50,1));}
/*.features2 a:hover img {transform: scale(1.1,1.1);}*/

.features3 {display:flex;margin:0 0 5% 0}
.features3 > div {width:33.3%;font-size:24px;text-align:center;text-transform:uppercase;font-weight:500;padding:0 3% 2% 3%;font-family:Bebas Neue;}
.features3 > div:nth-of-type(2n) {border-right:1px solid var(--maincolor);border-left:1px solid var(--maincolor)}
.features3 .title {font-family: "Playfair Display", serif;font-size:90px;font-weight:bold;margin:20px 0;display:flex;justify-content: center;align-items: flex-end;}
.features3 .title:before {content:"+";display:block}
.features3 .title div {font-family: "Playfair Display", serif;font-size:90px;font-weight:bold;}
.features3 .title div:nth-of-type(2n) {font-size:70px}

.features4 {position:relative;margin:0 0 5% 0}
.features4 .feature {display:flex}
.features4 .feature > div {width:50%;position:relative;overflow:hidden}
.features4 .feature > div:nth-of-type(2n) {width:45%;}
.features4 .feature > div:first-of-type {margin:0 5% 0 0}
.features4 .feature:first-of-type .imgplace {z-index:1}
.features4 .feature .imgplace {position: absolute;height: 100%;right: 0;top: 0;z-index:0}
.features4 img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.features4 .title {font-size:40px;font-family:Bebas Neue;text-transform:uppercase;color:var(--seccolor);padding:15px 20px;border-bottom:1px solid var(--maincolor);display:flex;justify-content: space-between;}
.features4 .feature:last-of-type .title {border:none}
.features4 .feature:hover .imgplace {z-index:2}
.features4 .feature:hover .title {color:var(--maincolor)}
.features4 .feature:hover .title:after {    filter: none;}
.features4 .feature .title:after {content:"";display:block;width:40px;height:40px;background: url(../images/arrownext.png) center center no-repeat;background-size:40px;filter: brightness(0) invert(0)}

.outofthebox {display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(2, 1fr);gap: 8px;}
.outofthebox > div {position:relative;overflow: hidden;}
.outofthebox > div:first-of-type {grid-row: span 2 / span 2;}
.outofthebox > div:nth-of-type(2n) {grid-row: span 2 / span 2;}
.outofthebox > div:nth-of-type(3n) {grid-column: span 2 / span 2;height:370px}
.outofthebox > div:nth-of-type(4n) {grid-column: span 2 / span 2;grid-column-start: 3;grid-row-start: 2;height:370px}

.outofthebox img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.outofthebox .title {position:absolute;left:0;bottom:0;padding:2% 4%;font-size:36px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);display: flex;width: 100%;justify-content: space-between;filter: drop-shadow(2px 2px 3px rgba(50,50,50,.5));}
.outofthebox .title:after {content:"";display:block;width:40px;height:40px;background: url(../images/arrownext.png) center center no-repeat;background-size:40px;filter: brightness(0) invert(1)}
.outofthebox a:hover .title, .outofthebox a:focus .title {padding:2% 8%;filter: drop-shadow(2px 2px 3px rgba(50,50,50,1));}
.outofthebox a:hover img {}

.features5 .imgplace {height:600px;position:relative;overflow:hidden}
.features5 .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.features5 .title {position:absolute;left:0;bottom:0;padding:2% 4%;font-size:36px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);display: flex;width: 100%;justify-content: space-between;}
.features5 .title:after {content:"";display:block;width:40px;height:40px;background: url(../images/arrownext.png) center center no-repeat;background-size:40px;filter: brightness(0) invert(1)}
.features5 a:hover .title, .features2 a:focus .title {padding:2% 8%;filter: drop-shadow(2px 2px 3px rgba(50,50,50,1));}
.features5 a:hover img {}

.features6 {display:flex;flex-wrap: wrap;}
.features6 > div {width:25%;text-align:center;padding:2%}
.features6 .title {font-size:36px;font-family:Bebas Neue;text-transform:uppercase;margin:10px 0;}
.features6 .imgplace {height:90px;display: flex;justify-content: center;    align-items: center;}
.features6 .imgplace img {max-height:100%}
.features6 .moreabstract {display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:145px;}

.features7 {background:var(--bluelightcolor);padding:4%;}
.features7 > div {display:flex;    flex-direction: column;align-items: center;}
.features7 .title {padding:20px 30px;font-size:72px;font-family:Bebas Neue;text-transform:uppercase;color:var(--maincolor);text-align:center;}
.features7 a {padding: 10px 20px;font-size: 36px;font-family: Bebas Neue;text-transform: uppercase;color: var(--white);background: var(--seccolor);}
.features7 a:hover {background:var(--maincolor)}

.bigtitleout {display: flex;text-align: center;align-items: center;background: url(../images/outofthebox2.jpg) center center no-repeat;padding:4% 13%;font-size:150px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);line-height: 100%;}
.bigtitle {padding:20px 30px;font-size:48px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);background:var(--maincolor);margin:0 0 15px 0;line-height:100%}
.bigtitlecenter {padding:20px 30px;font-size:72px;font-family:Bebas Neue;text-transform:uppercase;color:var(--maincolor);text-align:center;margin:0 0 2% 0}

.experiences {display:flex;margin:30px 0 5% 0;}
.experiences a {font-size: 36px;font-family: Bebas Neue;text-transform: uppercase;background: var(--seccolor);display: flex;padding: 15px 15px 12px 15px;align-items: center;justify-content: center;color: var(--white);text-align: center;min-width: 450px;}
.experiences a:hover, .experiences a:focus {background:var(--maincolor)}
.experiences .abstract {padding:0 30px 0 0}

.highLights > div {height:800px;position:relative;background-attachment:fixed;background-repeat:no-repeat;background-size: cover;background-color:var(--greylight)}
.highLights img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.highLights .abstract {position: absolute;left: 50%;bottom: 0;margin: 0 0 0 -500px;width: 1000px;display: flex;z-index: 2;justify-content: flex-end;align-items: center;flex-direction: column;padding:2% 4% 6% 4%;}
.highLights .title {padding:2% 4%;font-size:48px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);display: flex;justify-content: space-between;}
.highLights .title.smalltitle {font-size:30px;}
.highLights .title.smalltitle:after {    margin: -2px 0 0 20px;}
/*.highLights .title:after {content:"";display:block;width:40px;height:40px;background: url(../images/arrownext.png) center center no-repeat;background-size:40px;filter: brightness(0) invert(1);margin:4px 0 0 20px;}*/
.highLights > div:hover .title {color:var(--black)}
.highLights > div:hover .title:after {filter: brightness(0) invert(0)}
.highLights .moreabstract {display:none;text-align:justify}
.highLights .moreabstract strong {font-weight:400}
.highLights .moreabstract img {position:static;width:auto;height:auto}
.highLights > div:hover .moreabstract {display:block}
.highLights > div:hover .abstract {background:var(--bluelightcolor)}
.highLights a {display: flex;position: absolute;right: 0;bottom: 0;padding: 10px 20px 5px 20px;font-size: 36px;font-family: Bebas Neue;text-transform: uppercase;color: var(--white);background: var(--seccolor);}
.highLights a:after {content:"";display:block;width:40px;height:40px;background: url(../images/arrownext.png) center center no-repeat;background-size:40px;filter: brightness(0) invert(1);margin:4px 0 0 20px;}
.highLights a:hover, .highLights a:focus {background: var(--maincolor);}

.tmprmp .highLights {margin:0 0 5% 0}
.enterlinks {position: absolute;right: 0;bottom: 0;display:flex}
.enterlinks a {position: relative;margin:0 0 0 10px;}

.bodyflex {display:flex;flex-wrap:wrap;justify-content: space-between;margin:3% 0;}
.bodyflex > div {width:35%;flex: auto;padding:0 5% 0 0}
.bodyflex > div:nth-of-type(2n) {padding:0 0 0 6%;width:65%}

.bodyflex2 {display:flex;flex-wrap:wrap;justify-content: space-between;margin:3% 0;    align-items: center;}
.bodyflex2 > div {width:35%;flex: auto;}
.bodyflex2 > div:first-of-type {}
.bodyflex2 > div:nth-of-type(3n) {width:23%;}
.bodyflex2 > div:nth-of-type(2n) {padding:0 2%;width:42%;}
.bodyflex2 a[href^="tel:"] {background: url(../images/iconphone.png) 0px center no-repeat;padding:3px 0 3px 35px}
.bodyflex2 a[href^="tel:"].mobile {background: url(../images/iconphone3a.png) 0px center no-repeat;padding:3px 0 3px 35px}
.bodyflex2 a[href^="mailto:"] {background: url(../images/iconemail.png) 0px center no-repeat;padding:3px 0 3px 35px}
.bodyflex2 a[href^="http:"] {background: url(../images/iconsite.png) 0px center no-repeat;padding:3px 0 3px 35px}
.bodyflex2 a:after {display:none}

footer a[href^="tel:"] {background: url(../images/iconphone2.png) 0px center no-repeat;padding:3px 0 3px 35px}
footer a[href^="tel:"].mobile {background: url(../images/iconphone3.png) 0px center no-repeat;padding:3px 0 3px 35px}

.ducolplace {display:flex;flex-wrap:wrap;margin:auto}
.ducolplace a {width:48%;margin:1%;height:550px;position:relative}
.ducolplace a img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.bodytext p { line-height:140%;margin:0 0 15px 0}
.bodytext p strong {font-weight:400}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:160%;text-align:justify}
.bodytext li a, .bodytext p a, .bodytext td a {color:var(--seccolor);position:relative}
.bodytext li a:after, .bodytext p a:after, .bodytext td a:after {background:var(--seccolor);content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;}
.bodytext ul, .bodytext ol {margin:0 5px;padding: 0;overflow:hidden}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/vidot.png) 0px 12px no-repeat;list-style-type: none;padding: 0 0 0 25px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}

.tmpOutOfTheBox .bodytext ul {  display: flex;flex-wrap: wrap;}
.tmpOutOfTheBox .bodytext ul li {width: 32%;background: url(../images/vidot.png) 0px 8px no-repeat;padding: 0 0 0 25px;margin:0 2% 5px 0}
.tmpOutOfTheBox .bodytext ul li:nth-of-type(3n) {margin:0 0 5px 0}

.flexplace {display: flex;flex-wrap: wrap;float:left;width:100%;justify-content: center;margin:3% 0}
.flexplace .flex {width: 32.6%;margin: 0 1% 1% 0;position:relative}
.flexplace .flex:nth-of-type(3n) {margin: 0 0 1% 0;}
.flexplace .flex .title {font-size:36px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);margin:0 0 5px 0;}
.flexplace .flex .position {margin:0 0 10px 0;font-weight:600;color:var(--white);}
.flexplace.imgpl2 .flex .imgplace {height: 600px;position: relative;overflow: hidden;}
.flexplace .flex .title2 {position: absolute;left: 0;bottom: 0;padding: 2% 4%;font-size: 36px;font-family: Bebas Neue;text-transform: uppercase;color: var(--white);display: flex;width: 100%;justify-content: space-between;}
.flexplace .flex .flexframe {width: 100%;height:600px;position: relative;overflow: hidden;display: flex;    align-items: flex-end;padding:0 20px 0 20px;}
.flexplace .flex img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .flex a {display:block;position:relative}
.flexplace .flex:hover img, .flex a:focus img {}
.flexplace .flex:hover .title, .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex:hover .position, .flex a:focus .position {color:var(--maincolor)}
.flexplace .flex:hover .abstract, .flex a:focus .abstract {background:var(--white);padding:20px;}
.flexplace .flex:hover .moreabstract, .flex a:focus .moreabstract {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:100px;}
.flexplace .flex .abstract {position:relative;}
.flexplace .flex .moreabstract {display:none;}

.outbox {width: 24%;margin: 0 1% 1% 0;position:relative}
.outbox:nth-of-type(4n) {margin: 0 0 1% 0;}

.outbox .flexframe {width: 100%;height:600px;position: relative;overflow: hidden;display: flex;    align-items: flex-end;padding:0 20px 0 20px;}
.outbox img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.outbox a {display:block;position:relative}

.outbox .title {position:absolute;left:0;bottom:0;padding:2% 10% 2% 4%;font-size:36px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);display: flex;width: 100%;justify-content: space-between;}
.outbox .title:after {content:"";display:block;width:40px;height:40px;background: url(../images/arrownext.png) center center no-repeat;background-size:40px;filter: brightness(0) invert(1)}
.outbox a:hover .title, .outbox a:focus .title {padding:2% 8%;filter: drop-shadow(2px 2px 3px rgba(50,50,50,1));}
.outbox a:hover img {}

.clients  {display: flex;flex-wrap: wrap;margin:3% 0;justify-content: center;}
.clients > div {width: 20%;padding:2%}
.clients img {margin:auto;max-width:90%;max-height:90%;}
.clients li {padding:10px}
.clients .imgplace {display:flex;height:100px;align-items: center;/*filter: grayscale(100%);*/}
.clients .slide:hover .imgplace, .clients a:focus .imgplace {filter: none;}

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

.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 .flexview .imgplace {width:25%;position:relative}
.liststyle .flexview .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .flexview .abstract {width:75%;padding:2%;flex:auto}
.liststyle .flexview .title {font-size:22px;margin:0 0 10px 0;color:var(--maincolor)}
.liststyle .flexview .date {font-size:18px;margin:0 0 10px 0;color:var(--maincolor)}

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

.indexcontent {padding:4%}

#maintitleplace {margin-top:150px;}
.titleplace h1 {text-align:center;margin:35px 0 30px 0;padding:0 2%;filter: drop-shadow(2px 2px 4px rgba(50, 50, 50, .2));}

.smalltitle {font-size:28px;font-family: "Poppins";font-weight:200;text-align:center;margin:0;filter: drop-shadow(2px 2px 4px rgba(50, 50, 50, .2));display:none}

.tmphighLightslist #maintitleplace, .tmpcatalogpages #maintitleplace {margin:0;height:800px;padding-top:150px;}
.tmphighLightslist h1, .tmphighLightslist .smalltitle, .tmpcatalogpages h1, .tmpcatalogpages .smalltitle {color:var(--white)}

.stories {background: #7FD8E8;padding:4%;text-align:center;margin:0 auto 4% auto;max-width:70%}
.stories .title {margin: 20px 0 0 0;font-size: 16px;}
.stories .slick-next {right:-70px;top:50%}
.stories .slick-prev {left:-70px;top:50%}
.stories .moreabstract {text-align:justify;font-weight:400}
.stories .slick-slide, .stories .slick-slide > div, .stories .slick-slide > div > div, .stories .slick-track, .stories .slick-list {height:100%;}

.bluebody {background:var(--bluelightcolor);padding:4% 0;margin:0 0 5% 0;}
.tmpclients .bluebody {padding:4%}
.bluebody .mediumpage {padding:0 0}
.bluebody h3 {color:var(--seccolor)}

.searchplace {}
.search {display:flex;max-width:200px;border:1px solid var(--grey);margin:0 5px;border-radius: var(--radius);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);}

.contactformplace {padding:0 0 4% 0}
.contactform {display: flex;flex-wrap: wrap;}
.contactform > div {width:48%;margin:1%}
.contactform .three {width:31.3%;margin:1%}
.contactform .one {width:98%;margin:1%}
.contactform label {position:relative;display:block;float: left;width: 100%;margin:0 0 20px 0;}
.contactform label.dateplace {border: 1px solid var(--grey);display:flex;background:var(--white);padding:5px 10px;align-items: center;justify-content: space-between;margin:0 }
.contactform label.dateplace input {width:170px;border:none}
.contactform label input, .contactform label textarea, .contactform select {background:var(--white)}
.contactform input[type="submit"] {width:auto;float:right}
.contactform textarea {height:288px;float: left;width: 100%;}
.contactform select {padding:15px 10px;}
.contactform .errorplace {display: none;color:var(--white);position:absolute;left:0;bottom:-19px;font-size:11px;padding:4px;background:var(--blackopacity);width:100%}
.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; */   font-size: 16px;}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:0 5px;width:15px;height:15px;}
.contactform .jointomailinglist {display:flex;align-items: center;}
.contactform a[href^="tel:"] {}
.contactform a[href^="mailto:"] {}
.contactform input.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}
.contactform .three .select2-container--default .select2-selection--multiple {border: 1px solid var(--grey);border-radius:0;font-size: 16px;padding: 7px;}
.contactform .three .select2-container--default .select2-selection--multiple input, .select2-container--default .select2-selection--multiple .select2-selection__rendered li {font-size: 16px;}
.contactform .three .select2-container .select2-search--inline .select2-search__field {margin:10px 0 0 0}
.contactform .three .select2-container .select2-selection--multiple {min-height: 57px;}

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

.tmpcontact .contactflex {background: var(--white) url(../images/bgc1a.jpg) center center no-repeat;padding:6% 0;    background-size: cover;}

.gmap iframe {width:100%}

footer {width:100%;padding:4% 0;background:var(--maincolor)}
footer .pageflex {display: flex;}

.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;border-radius: var(--radius);position: fixed;right: 10px;bottom: 60px;z-index: 99;}
.mainemail {bottom: 0px;}

.israelmoments {margin:20px 0 5% 0;background:var(--bluelightcolor);padding:40px 0}
.israelmoments .imgplace {height:650px;position: relative;overflow: hidden;max-height:1000px;}
.israelmoments img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.israelmoments .title {padding:20px;text-align:center}
.israelmoments h2 {margin:0 auto 20px auto;max-width:1200px;display: flex;align-items: center;justify-content: space-between;}
.israelmoments h2 a {display:inline-block;padding:0 30px 0 0;background: url(../images/arrowdot.png) right center no-repeat;text-transform:initial}
.israelmoments .slickslider2 {max-width:1200px;margin:auto}

.credits {border-top:1px solid var(--white);padding:20px 0 0 0;margin:20px 0 0 0;text-align:right}
.credits a:hover, .credits a:focus {text-decoration:underline}
.credits p, .credits a {margin:0;color:var(--white);font-size:16px;}

.logosplace {margin:5% 0;}
.logosslider img {margin:auto;max-width:90%;max-height:90%;}
.logosslider li {padding:10px}
.logosslider .imgplace {display:flex;height:100px;align-items: center;/*filter: grayscale(100%);*/}
.logosslider .slide:hover .imgplace, .logosslider a:focus .imgplace {filter: none;}
.logosplace .slick-prev, .logosplace .slick-next {top:50%}

div .sliderbtn {position:absolute;left:10px;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 > div {background:var(--maincolor);overflow:hidden;margin:0 0 5px 0;position: relative;}
.faqsplace .question { padding:10px 20px;width:100%; text-align:initial;margin:0;text-align:initial;font-size: 36px;font-family: Bebas Neue;text-transform: uppercase;color: var(--white);}
.faqsplace .question:hover, .faqsplace .question.opened {background:var(--seccolor)}
.faqsplace .answer {display:none;padding:4% 6% 4% 25%;background:var(--bluelightcolor)}
.tabcontentplace .faqsplace .answer p, .faqsplace .answer li {margin:0 0 15px 0;}
.faqsplace .question span {position:absolute;right:10px;top:14px;background: url(../images/arrownext2.png) center center no-repeat;width:40px;height:40px;display:flex;align-items: center;justify-content: center;}
.faqsplace .question.opened span {background: url(../images/close.png) center center no-repeat;background-size:35px}

.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(--maincolor);padding:0 0 30px 0;margin: 30px 0;    overflow-x: scroll;}
.tabsplace button {    white-space: nowrap;padding:10px 15px;position:relative;font-size:36px;font-family: Bebas Neue;text-transform: uppercase;border:1px solid var(--maincolor);margin:0 10px 0 0;flex:auto}
.tabsplace button:hover, .tabsplace button:focus {outline:none;outline-offset: 0px;box-shadow:none;background:var(--seccolor);color:var(--white);border:1px solid var(--seccolor)}
.tabsplace button.this {outline:none;outline-offset: 0px;box-shadow:none;background:var(--maincolor);color:var(--white)}
.tabsplace .slick-slide {margin:0 5px;}
/*.tabsplace { scrollbar-width: thin;}*/
.tabsplace::-webkit-scrollbar {height: 10px;}
.tabsplace::-webkit-scrollbar-track {background: var(--white);}
.tabsplace::-webkit-scrollbar-thumb {background: var(--maincolor);}
.tabsplace::-webkit-scrollbar-thumb:hover {background: var(--black);}


.tabcontentplace {width:100%;float:left;padding:0 0 40px 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}
.tabcontentplace .tabflex {display:flex}
.tabcontentplace .tabflex > div {flex:auto;width:60%;position:relative;min-height:500px;}
.tabcontentplace .tabflex > div img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;/*max-height:680px;width:auto !important*/}
.tabcontentplace .tabflex .abstract {width:40%;padding:0 5% 0 0}
.smallgallery .slick-slide > div {min-height:500px;/*background:var(--greylight);height:100%;display: flex;align-items: center;justify-content: center;*/}
.smallgallery .slick-slide, .smallgallery .slick-track, .smallgallery .slick-list {height:100%}
.tabcontentplace .bodytext li a:after {display:none}
.tabcontentplace .bodytext li {padding:0}
.tabcontentplace .custom-dots {bottom:5px;}


.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 3% 0}
.leftmenu a {font-size: 30px;font-family: Bebas Neue;text-transform: uppercase;background: var(--seccolor);display: flex;padding: 8px 15px 5px 15px;align-items: center;justify-content: center;color: var(--white);text-align: center;line-height: 100%;margin:10px}
.leftmenu a:hover {background:var(--maincolor)}
.leftmenu .this {display:none}


.grid {width:100%;float:left;position:relative;padding:0 4%}
.grid-sizer, .grid-item {width: 30%;}
.grid-item {margin-bottom:3%;position:relative}
.grid-item img {max-width:100%}
.gutter-sizer {width: 4.5%;}

.grid-item a {display:flex;flex-direction: column;overflow:hidden;box-shadow:0px 2px 7px rgba(0,0,0,.4)}
.grid-item a:hover, .grid-item a:focus {box-shadow:0px 2px 7px rgba(0,0,0,1)}
.grid-item .title {padding:10px;position:absolute;left:0;bottom:0;background:var(--greyopacity);font-size:15px;width:100%;}
.grid-item img {margin:auto;width:100%}
.grid-item .curtainplace {position:static;padding:10px;background:var(--white);color:var(--black)}

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

.bannerplace {position:relative;width:30%;border-right:1px solid var(--white);margin:0 5% 0 0}
.bannerplace div, .bannerplace p, .bannerplace li, .bannerplace a {color:var(--white);font-size:16px;}
.bannerplace p {margin:0 0 10px 0}

.socialmedia {display: flex;flex-wrap:wrap;margin:20px 0 0 0}
.socialmedia a {margin:5px;width:40px;height:40px;filter: brightness(0) invert(1);border-radius:100%}
.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;width:65%}
.footerlinksplace .title {margin:0px 0 10px 0;color:var(--white);font-size:20px;}
.footerlinksplace a {font-size:16px;display:block;margin:5px 0 0 0;color:var(--white);}
.footerlinksplace a:hover {text-decoration:underline;color:var(--seccolor)}
.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;}

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(--greydark);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 {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 {}
.infobox .title {font-size: var(--fonttitle);margin: 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;font-weight: var(--fontbold);min-height: 60px;}

.glossaryABCplace {display:flex}
.glossaryABC {flex: auto;margin:0 0 5px 1px}
.glossaryABC span {display: flex;align-items: center;justify-content: center;font-weight:var(--fontbold);opacity:.5;font-size: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}

.creditslinks {float: left;}
.creditslinks a {margin:0 20px 0 0;}

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

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

.timelineplace {margin:0 0 40px 0;background:var(--bluelightcolor);position:relative;display:flex}
.timelineplace .imgplace {width:40%;position:relative;background: url(../images/story.png) center center no-repeat;}
.tmpclients .timelineplace .imgplace {background: url(../images/story2.png) center center no-repeat;}
.timelineplace .slickslider {width:60%;margin:0;padding:3.5%}
.timelineplace .moreabout {position:absolute;right:0;bottom:0;padding:10px 20px 5px 20px;font-size:36px;font-family:Bebas Neue;text-transform:uppercase;color:var(--white);background:var(--seccolor)}
.timelineplace .moreabout:hover, .timelineplace .moreabout:focus {background:var(--maincolor)}
.timelineplace .title {margin:20px 0 0 0;font-size:16px;}

.topbannerplace {position:absolute;left:0;bottom:4%;display: flex;justify-content: center;width: 100%;align-items: center;}
.topbannerplace div {padding:18px 20px;background:var(--white);}
.topbannerplace a {display:flex}

.topbannerplace a:after, .topbannerplace:after {content:"";display:block;width:50px;height:60px;background:var(--seccolor) ;}
.topbannerplace a:hover:after, .topbannerplace a:focus:after {background-color:var(--maincolor)}
	
.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:left;bottom:-15px;    display: flex;position:absolute}
.custom-dots li {list-style-type:none;list-style: none;}
.custom-dots li a {width: 10px;height: 10px;background:var(--seccolor);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);}

div .slick-prev, div .slick-next {z-index:5;width: 50px;height: 50px;transform:none;margin:-25px 0 0 0;background: url(../images/arrownext.png) center center no-repeat;background-size: 40px;filter: brightness(0) invert(0);top:96%}
div .slick-prev:hover, div .slick-next:hover, div .slick-prev:focus, div .slick-next:focus {filter:none;background: url(../images/arrownext.png) center center no-repeat;background-size: 40px;}
div .slick-prev {left:0px; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:0px;} 
div .slick-next:before, div .slick-prev:before {display:none}

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

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 {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 {left:auto;right:0px;}
html:lang(he) div .sliderbtn  {left:auto;right:10px;}
html:lang(he) .stepbefore a, html:lang(he) .stepcurrent a, html:lang(he) .stepafter a {right:auto;left:0;}
html:lang(he) .toogleselect button, html:lang(he) .welcomeplace input[type="submit"] {float:left}
html:lang(he) .welcomeplace div, html:lang(he) button.addtocart {float:right}
html:lang(he) .bodyflex > div {padding:0 0 0 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}


@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: 1670px) 
{
	.page, .shortpage, .mainabstract, .mediumpage {padding:0 4%}
	.mainmenu {max-width: 70%;justify-content:inherit}
	.bluebody {padding:4%}
}

@media screen and (min-width: 1000px) and (max-width: 1030px) 
{
	.page, .shortpage, .mainabstract, .mediumpage {padding:0 2%}
	.logo {margin:5px;}
	.mainmenu {max-width: 100%;}
	.mainmenu li a {font-size: 15px;padding: 5px 5px; margin: 0 5px;}
	.highLights > div {background-size: cover;}
}


@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, .features4 .feature .imgplace, .outbox .title:after {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: 17px;}
	h1, .bigtitle, .sliderhome .title, .features1 .title {font-size:40px;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title, .faqsplace .question {font-size:25px;}
	h3 {font-size:20px;}
	h4 {font-size:18px;}
	.credits p, .credits a {font-size:14px}
	.page, .shortpage, .mediumpage {width:100%;max-width:100%;padding:0 4%}
	.page .mediumpage {padding:0}

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

	.logo {flex: auto;margin:5px 0 0 0}
	.logo img, html:lang(he) .logo img {float:left;position: static;height:50px;}

	.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:85%;margin:0;height: 100vh;background: var(--white);box-shadow: var(--shadow);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 100%;padding: 0;position: absolute;top: 0px;left: 0%;margin: 0; box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding:0 0 30% 0;max-width:100%}
	.mainmenu li, html:lang(he) .mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;position:relative;display:block;width:100%;max-width:100%}
	.mainmenu li a {padding:10px;border-radius:initial;font-size: 5vw;border-bottom:1px solid var(--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;font-size: 4vw;text-align: center;}
	.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 {margin-top:55px}
	#maintitleplace {margin-top:70px}
	
	.mdisable .searchplace {overflow: hidden;}

	.moremenu {display:block;width:45px;height:48px;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}

	.faqsplace .question {padding:10px 40px 10px 10px;}
	.faqsplace .answer {padding:4%}
	.contactform {margin:0 0 5% 0}


	.stripplace {min-height: 100px;margin:0 0 2% 0}

	.timelineplace .moreabout, .experiences a {position:relative;font-size:32px;width:100%;margin:10px 0;    padding: 10px 20px 5px 20px;text-align:center}

	div .slick-next, .stories .slick-next {right:0;}
	div .slick-prev, .stories .slick-prev {left:0;}

	.bigtitleout {font-size: 100px;}
	.outofthebox > div {margin:0 0 10px 0}

	body .accountplace,  body .saveforlatermenu {margin:0 5px;position:static}
	body .shoppingcart {margin:0 5px;}

	.bodyflex > div:nth-of-type(2n), .bodyflex2 > div:nth-of-type(2n) {padding:0}

	.bodytext table p, .dropmenuplace .page, .featuresbottom, .featuresplace, .logosplace, body .productflex,
	.productsslider.slick-dotted.slick-slider {padding:0;margin:0;}
	.features2 .imgplace, .outbox .flexframe {height: 350px;}
	.bluebody {padding:4%}
	
	.timelineplace {margin:40px 0 0 0}

	.productslistselects .page, .accordionplace, #contactfooter .contactform, .features3, .timelineplace, footer .pageflex,
	.tabcontentplace .tabflex {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, .timelineplace .slickslider, body .productflex > div, body .slider-for,
	body .slider-nav, .footerlinksplace > div, .accordionplace .feature, .featuresbottom .feature, .features > div, .contactflex > div,
	.features > div:nth-of-type(3n), .features2 > div, body .confirmplace > div, .contactflex .bodytext, .features1 .title, .bodyflex2 > div,
	body .confirmplace > div:nth-of-type(2n), .features1 .abstract, .timelineplace .imgplace, .features3 > div, .flexplace .flex, .contactform > div,
	.features4 .feature > div, .features6 > div, .bodyflex > div:nth-of-type(2n), .contactform .three, .contactform .one, .outbox,
	.ducolplace a, .grid-sizer, .grid-item, .tmpOutOfTheBox .bodytext ul li, .tabcontentplace .tabflex .abstract,
	.tabcontentplace .tabflex > div, .imagesplace a {width:100%;margin:0 auto 5% auto;border:none;max-width:100%}

	.grid, .bodyflex2 > div:nth-of-type(3n) {padding:0}
	.gutter-sizer {width:0}

	.features1 > div {flex-wrap: wrap;padding:0}

	.features3 > div:nth-of-type(2n) {border:none;border-top: 1px solid var(--maincolor);border-bottom: 1px solid var(--maincolor);}

	.contactform label.dateplace {display:block}
	.contactform label.dateplace input {width:100%;padding:5px;}

	.tmpcontact .contactflex {background-size: cover;}
	.tmpcontact p img {float:none !important;width:100% !important;margin:0 0 20px 0 !important;}
	.tmpOutOfTheBox .bodytext ul li, .bodytext li {background: url(../images/vidot.png) 0px 4px no-repeat;}

	.bodytext ul, .bodytext ol {width: 100%;margin:20px 0}

	.features1 .abstract {padding:0}
	.features1 > div {padding:0 4%}

	.shippingdata > div {width:100%}
	.timelineplace .imgplace {height:350px;}
	.sliderhome .slide {height:350px;}
	.sliderhome p, .sliderhome li {    font-size: 26px;}
	.sliderhome .abstract {padding:2%}
	.accordionplace .feature {flex:initial}
	.topbannerplace {width:96%;margin:2%}
	.topbannerplace div {    padding: 10px 10px;font-size: 15px;}
	.topbannerplace a {margin: 2%;}
	.topbannerplace a:after, .topbannerplace:after {height: 55px;}
	.tabsplace button {padding: 5px;font-size: 16px;}

	.creditslinks {text-align:center;float:none;margin:0 0 20px 0;}
	.smalltitle, .contactform label span {    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;}
	
	.bodyflex h2, .bodyflex h3, .bodyflex h4, .titleplace h1{margin:0 0 5px 0;}

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

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

	.confirmplace {flex-direction: column-reverse;}
	.confirmplace > div:nth-of-type(2n), html:lang(he) .confirmplace > div:nth-of-type(2n) {position:static}
	.features4 .title {font-size: 30px;padding: 10px 10px;}
	.flexplace .flex .abstract, .flexplace .flex .title {min-height:0}

	.flexplace .flex:hover .moreabstract, .flex a:focus .moreabstract {min-height: 90px;}

	.outofthebox, .experiences {display:block}
	.experiences a {min-width: 100%;}
	html:lang(he) .toggleplace, html:lang(he) .togglecart, html:lang(he) .toggleaccount {right: 0px;width: 330px;}

	.bigtitlecenter, .features7 .title, .features7 a {font-size: 24px;}

	.tmphighLightslist #maintitleplace, .israelmoments .imgplace, .flexplace .flex .flexframe, .tmphighLightslist #maintitleplace,
	.tmpcatalogpages #maintitleplace, .ducolplace a {height:350px;}

	.stories {max-width:100%}

	.enterlinks {position:relative;flex-wrap: wrap;}

	.highLights > div {padding: 300px 0 0 0;display: flex;align-items: flex-end;height: auto;background-size: 1100px;}
	.highLights .abstract {width:100%;left:0;margin:0;padding:2%;background: var(--white);display:block;position:static}
	.highLights .title {color: var(--black);}
	.highLights > div .moreabstract {display: block;padding:2%}
	.highLights a {position:relative;font-size: 24px;margin: 10px 0 0 0;}
	.highLights a:after {margin: -6px 0 0 20px;}
	.tabsplace {overflow:visible;    flex-wrap: wrap;}
	.tabsplace button, .clients > div {width:48%;margin:1%;white-space: normal;}

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

}

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, .mainmenu li > a:after, .features2 .title:after, .topmenu a, header,
.topbannerplace a:after, .outofthebox img, .outofthebox div, .highLights div, .outbox div, .outbox 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}
}