@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Noto Sans Hebrew';font-style: normal;font-weight: 300;src: url('Fonts/noto-sans-hebrew-v50-hebrew_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: 'Noto Sans Hebrew';font-style: normal;font-weight: 400;src: url('Fonts/noto-sans-hebrew-v50-hebrew_latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}
@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Noto Sans Hebrew';font-style: normal;font-weight: 500;src: url('Fonts/noto-sans-hebrew-v50-hebrew_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: 'Noto Sans Hebrew';font-style: normal;font-weight: 800;src: url('Fonts/noto-sans-hebrew-v50-hebrew_latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}

:root {
--maincolor:#CD8080;
--fontcolor:#000;
--fontsize:18px;
--fonttitle:25px;
--fontbold:600; 
--white: #fff;
--black: #000;
--grey: #eee;
--greylight: #EEEEEE;
--greydark: #505050; 
--greygrey: #8c8c8c;
--blackopacity: rgba(0, 0, 0, 0.8);
--blackopacity2: rgba(0, 0, 0, 0.2);
--greyopacity: rgba(150, 150, 150, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.8);
--whiteopacity2: rgba(255, 255, 255, 0.6);
--shadow: 0px 1px 8px rgba(0,0,0,0.2);
--shadowlight: 0px 0px 5px rgba(0,0,0,0.3);
--shadowdark: 0px 0px 5px rgba(0,0,0,0.8);
--shadowgreen: 0px 0px 6px rgba(20,123,21,1);
--radius:30px;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, th, td, form, label, ul, li, img, input, textarea, select, button, a, pre {color:var(--fontcolor);font: 300 var(--fontsize) Noto Sans Hebrew, 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(--white);width:100%;padding:10px 15px;border-radius: 0;}
div, p, li {line-height: 120%;}
img {max-width:100%}
pre {white-space: initial;}
h1, h2, h3, h4, h5 { line-height:120%;font-weight:200;margin:0 0 20px 0;}
h1 {font-size: 90px;margin:0 0 10px 0;    font-weight: var(--fontbold);} h2, h2 a {font-size: 48px;} h3, h3 a {font-size: 32px;} h4, h4 a {font-size: 20px;} h5 {font-size: 18px;}
a {text-decoration:none;} p a {text-decoration:underline;color:var(--maincolor)} p a:hover, p a:focus {text-shadow:0 1px .5px var(--blackopacity2)}
.openmenu, .tmpproductsmain .breadcrumbs, .moremenu, .mobileinterface, .openmorefea {display:none}
hr {width:100%;}
#main {max-width:1920px;margin:auto;height:100%;position: relative;-webkit-animation: contentanimation 1s 0.1s 1 normal both;-moz-animation: contentanimation 1s 0.1s 1 normal both;-o-animation: contentanimation 1s 0.1s 1 normal both;}
@-webkit-keyframes contentanimation {
	from   { opacity: 0;top:-40px; }
	to { opacity: 1;top:0px; }
}
@-moz-keyframes contentanimation {
	from   { opacity: 0;top:-40px; }
	to { opacity: 1;top:0px; }
}
@-o-keyframes contentanimation {
	from   { opacity: 0;top:-40px; }
	to { opacity: 1;top:0px; }
}
@keyframes contentanimation {
	from   { opacity: 0;top:-40px; }
	to { opacity: 1;top:0px; }
}

.page, .shortpage {width:100%;max-width:1500px;margin:auto;position:relative}
.shortpage {max-width:1320px}
.pageplace {width:100%;float:left}

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

.logo {display:flex}
.logo img {height:150px;}
header.sticky .logo img {height:60px;}

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

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

.mainmenu ul ul {display:none !important;position:absolute;right:100%;top:0;width: 320px;background:var(--whiteopacity);box-shadow: var(--shadow);padding:10px;}

.mainmenu ul ul ul {background: none;display:none }
.mainmenu li li li a, .mainmenu li li:hover li a {font-weight:initial;background:none;color: var(--white);}
.mainmenu li li li:hover a, .mainmenu li li li a:hover, .mainmenu li li li a:focus {background:var(--maincolor);color: var(--white);}

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

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

.topmenu {position: absolute;top: 100%;left: 0%;z-index: 1;width:50%;height: 94vh;display: none;background:var(--white);box-shadow: var(--shadow);padding:4%;border-top:2px solid var(--maincolor);border-bottom:2px solid var(--maincolor);}

.topmenu li {padding:0 30px 20px 0;border-right:1px solid var(--greydark)}
.topmenu li a {display:block;color: var(--maincolor);position:relative;line-height: 110%;font-size: 4vh;}
.topmenu li > a:after {width:0%;height:1px;background:var(--maincolor);position:absolute;right:0;bottom:0;content:"";display:block;}
.topmenu li > a:hover:after, .topmenu li > a:focus:after, .topmenu li.this > a:after {width:100%}

.topmenu li li {border:none;padding:0;}
.topmenu li li a {font-weight: var(--fontbold);display:block;padding:7px 25px;color: var(--fontcolor);position:relative;font-size:var(--fontsize);}
.topmenu li li > a:hover, .topmenu li li > a:focus, .topmenu li li.this > a {color:var(--maincolor);}
.topmenu li li > a:after, .topmenu ul ul ul {display:none}

.topmenu .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;}
.topmenu .close:before, .topmenu .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
.topmenu .close:after {transform: rotate(-45deg);}

.dropmenuplace {position: absolute;top: 100%;left: 0%;z-index: 1;width:320px;display: none;background:var(--black);box-shadow: var(--shadow);}
.topmenu .dropmenuplace {display:block;position:static;width:100%;border:none;padding:0;margin:0;box-shadow:none;background:none}

.toggleplace, .togglecart, .toggleaccount {position: absolute;top: 100%;left: 0%;z-index: 99;width: 320px;display: none;background:var(--white);box-shadow: var(--shadow);padding: 20px;border-top:2px solid var(--maincolor);border-bottom:2px solid var(--maincolor);}
.toggleplace .title {font-weight:var(--fontbold);text-align:center}
.toggleplace input {background:var(--white);border:1px solid var(--grey);margin:10px 0;}
.toggleplace button {background:var(--greylight);border:1px solid var(--greydark);font-weight:var(--fontbold);text-align:center;padding:10px;width:100%}

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

a.btn, span.btn, input[type="submit"].btn, button.btn {position: relative;display: inline-block;padding: 10px 20px;background: var(--greylight);color:var(--black);margin:0px auto;text-align:center;border:1px solid transparent;border-radius:30px;text-decoration:none}
a.btn:hover, span.btn:hover, input[type="submit"]:hover, button.btn:hover, a.btn:focus, span.btn:focus, input[type="submit"]:focus,
button.btn:focus {background-color:var(--black);color:var(--white);box-shadow:var(--shadowlight);}

.btn2 {position: relative;display: inline-block;padding: 10px 20px;background: none;color:var(--black);margin:10px auto;text-align:center;border:1px solid var(--black);border-radius:30px;text-decoration:none}
.btn2:hover, .btn2:focus {background-color:var(--black);color:var(--white)}

.sliderhome {position: relative;}
.sliderhome .slide {height:90vh;position: relative;overflow: hidden;    margin: 0 0 -5px 0;}
.sliderhome img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.sliderhome .abstract {position: absolute;top: 0%;left: 0;width:100%;text-align: center;height:100%;display:flex;flex-direction: column;justify-content: center;z-index:3}
.sliderhome .title {font-size:90px;padding:10px;text-align:center;color:var(--white);}
.sliderhome h1, .sliderhome h2 {font-size:90px;text-align:center;color:var(--white);font-weight:var(--fontbold);margin:0 auto 20px auto}
.sliderhome h3 {font-size:60px;text-align:center;color:var(--white);}
.sliderhome .slick-dotted.slick-slider {margin:0}
.sliderhome .slide:after {background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:"";display:block}
.sliderhome .btn {background:var(--white);color:var(--black);margin:20px auto}

.videocontainer {display:flex}
.videocontainer p {margin:0;height:100%;width:100%;}
.videocontainer iframe {width:100%;height:100%}

.indexplace {padding:8% 0 0 0;position:relative; }

.content {width: 100%;float: left;}
.tmpproject .content, .tmpclients .content, .tmpprojects .content {padding:2% 0 0 0}

.stripplace {position:relative;height:800px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.stripplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.stripplace:after {background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:"";display:block}
.stripplace .stripimgslide .slick-slide div {height:800px;}
.stripplace .stripimgslide .slick-slide img {position:static}

.titleplace {position:absolute;z-index: 22;width:100%;padding:0 4%}
.titleplace h1 {color:var(--white);text-align:center}
.mainabstract {position:relative;z-index: 22;padding:0 4%;color:var(--white);text-align:center}
.mainabstract p, .mainabstract li, .mainabstract a {color:var(--white);}

.smalltitle {color:var(--white);text-align:center;margin:0;}

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

.imagesplace {position:relative;margin:0 0 50px 0;/*display: flex;*/}
.imagesplace a {display:flex;position:relative;}
.imagesplace img {margin:auto;max-height:800px}
.imagesplace .imgslider img {margin:auto;max-height:600px;max-width:100%}
.imagesplace .slick-slide {margin:0 0 30px 0;}
.imagesplace .slick-dots { background:var(--blackopacity);padding:5px;bottom:35px}

.imgslider3 a {    height: 600px;}
.imgslider3 a img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.imgslider3 .slick-slide > div {padding: 1%;}

.curtainplace {position:absolute;left:0px;    bottom: -25px;margin:0;}
.dnone {display:none}

.breadcrumbs {position: absolute;padding:10px;left:0;bottom:0;z-index:99}
.breadcrumbs ul {display: flex;padding:15px 0;    justify-content: flex-end;}
.breadcrumbs li {display:inline-block;font-size:16px;color:var(--white);}
.breadcrumbs span {padding: 0 10px;color:var(--white);}
.breadcrumbs a {color:var(--white);font-size:16px}
.breadcrumbs a:hover, .breadcrumbs a:focus {text-decoration: underline}
.breadcrumbs br {display:none}

.indextext {margin: 0 0 5% 0}
.indextext h2 {font-size: 64px;letter-spacing:-4px;margin:0 0 10px 0;}

.indexcontent {padding:6% 2%;background:var(--greylight)}
.indexcontent p {margin:0 0 20px 0;}

.whiteplace {padding:2% 2%;}

.flexhome {display:flex;margin:10% 10.5% 6% 0;position:relative;flex-wrap: wrap;}
.flexhome > div {width:50%;position:relative;    flex: auto;}

.features {display:flex;flex-wrap: wrap;justify-content: center;}
.features .feature {width: 32.6%;margin: 1% 0 1% 1%;position:relative;background:var(--greylight);text-align:center;padding:2%}
.features .feature:nth-of-type(3n) {margin:1% 0 1% 0}
.features img {max-height:750px;margin:auto;}
.features a:hover img {transform: scale(1.1,1.1);}
.features .title {font-size:32px;font-weight:500;margin:0 0 10px 0;}
.features .moreabstract {font-weight: 400;}
.features .imgplace {overflow:hidden}
.features .btn2 {margin:20px 0;}
.features .star {background: url(../images/star.png);width: 115px;height: 22px;margin: 0 auto 20px auto;}


.featurescategoryplace {margin:2% 0 0 0;}
.featurescategoryplace h2 {margin:0;font-size:32px;float:right}
.featurescategoryplace .btn {float:left}
.featurescategory {float:left;width:100%;margin:30px 0 0 0}
.featurescategory .slick-slide > div {padding:1%}
.featurescategory .feature {position:relative}
.featurescategory .feature .imgplace {height:600px;position:relative;overflow:hidden}
.featurescategory .feature img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.featurescategory .feature .abstract {position:absolute;left:0;top:0;width:100%;height:100%;padding:4%;text-align:center;color:var(--white);z-index:2}
.featurescategory .title {font-size:32px;font-weight:500;color:var(--white)}
.featurescategory .imgplace:after {background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:"";display:block}
.featurescategory .btn2 {border:1px solid var(--white);color:var(--white)}
.featurescategory a:hover img {transform: scale(1.1,1.1);}

.contractorfeaturesplace {margin:2% 0 0 0;}
.contractorfeaturesplace h2 {margin:0;font-size:32px;float:right}
.contractorfeaturesplace .btn {float:left}
.contractorfeatures {float:left;width:100%;margin:30px 0 0 0}
.contractorfeatures .slick-slide > div {padding:1%}
.contractorfeatures .feature {position:relative}
.contractorfeatures .feature .imgplace {height:250px;position:relative;overflow:hidden}
.contractorfeatures .feature img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.contractorfeatures .feature .title {font-size:20px;font-weight:500;color:var(--white);position:absolute;left:0;top:0;width:100%;height:100%;padding:4%;color:var(--white);z-index:2;display: flex;align-items: flex-end;justify-content: flex-end;}
.contractorfeatures .imgplace:after {background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:"";display:block}
.contractorfeatures .btn2 {border:1px solid var(--white);color:var(--white)}
.contractorfeatures a:hover img {transform: scale(1.1,1.1);}

.featuresiconsplace {margin:4% auto;}
.featuresiconsplace h2 {font-size:32px;text-align:center;margin:0 0 30px 0;}
.featuresicons {display:flex;flex-wrap:wrap;justify-content: center;}
.featuresicons > div {width:20%;text-align:center}
.featuresicons .imgplace {margin:0 0 15px 0}

.projectsplace {margin:4% auto;width:100%;float:left}
.projectsplace h2 {font-size:32px;text-align:center;margin:0 0 30px 0;}
.projectsplace .slick-slide > div {padding:1%}
.projectsplace .slide {position:relative}
.projectsplace .slide .imgplace {height:600px;position:relative;overflow:hidden}
.projectsplace .slide img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.projectsplace .slide:hover .img2 {opacity:0}
.projectsplace .slide .abstract {position:absolute;left:0;top:0;width:100%;height:100%;padding:4%;text-align:center;color:var(--white);z-index:2}
.projectsplace .title {font-size:24px;font-weight:500;color:var(--white)}
.projectsplace .imgplace:after {background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:"";display:block}
.projectsplace a:hover img {transform: scale(1.1,1.1);}


.doorsliderplace {display:flex;padding:6% 0 0 0;    flex-wrap: wrap;}
.doorsliderplace.features .slick-slide {float:right}
.doorsliderplace > div {width:55%;position:relative}
.doorsliderplace > div:first-of-type {width:45%;padding:6% 10.5% 6% 1%}
.doorsliderplace > div p {max-width:450px;}
.doorsliderplace h2 {font-size: 64px;letter-spacing: -2px;    margin: 0 0 10px 0;}

.doorsliderplace .topline.bgline {position:absolute;right:0px;top:-100px;width:650px;height:100px; border-bottom:1px solid var(--greygrey)}
.doorsliderplace .topline.bgline:after, .doorsliderplace .topline.bgline:before {left: -200px;}
.doorsliderplace .topline.bgline:after {margin: 0px 0px 0px -20px;}

.eventsplace {display:flex;padding:2% 0 6% 0;    flex-wrap: wrap;width:100%;float:left;position:relative;z-index:2}
.eventsplace > div {width:60%;position:relative}
.eventsplace > div:first-of-type {width:40%;padding:6% 10.5% 6% 1%}
.eventsplace > div p {max-width:450px;}
.eventsplace h2 {font-size: 64px;letter-spacing: -2px;    margin: 0 0 10px 0;}
.eventsplace .back {float:right}
.eventsplace .imgplace {height:22px;position:relative;overflow:hidden}
.eventsplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.eventsplace .title {min-height:65px;}
.eventsplace .topline.bgline {position:absolute;right:0px;top:-100px;width:650px;height:100px; border-bottom:1px solid var(--greygrey)}
.eventsplace .topline.bgline:after, .eventsplace .topline.bgline:before {left: -200px;}
.eventsplace .topline.bgline:after {margin: 0px 0px 0px -20px;}
.eventsplace .btn2 {font-weight:var(--fontbold);color:var(--maincolor);display:block;margin:10px 0 0 0;float:left}

.magazinplace .back {float:right}
.magazinplace iframe {width:100%;height: 245px;}
.magazinplace .title {margin:20px 0;padding:0 0 20px 0;border-bottom:1px solid var(--greydark)}
.magazinplace .bodyflex {margin:0 0 20px 0;}

.tmpindexline {position:absolute;right:0px;top:70%;width:120px;height:37px; border-bottom:1px solid var(--greygrey);overflow:visible}
.tmpindexline:after, .tmpindexline:before {left:-15px;height:1px;width:0;background:var(--greygrey);transform: rotate(-45deg);content:"";display:block;position: absolute;}
.tmpindexline:after {margin: 30px 0px 0px 0px;}


.eventsslider .slick-slide {padding:2px;width:300px;float:right}
.eventsslider .slick-slide > div {padding:10px;}
.eventsslider .event {width: 23%;margin: 1%;position:relative;}
.eventsslider .event p {margin:0 0 10px 0;}
.eventsslider .event .title {margin:10px 0;font-weight:var(--fontbold);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:65px;    text-align: justify;font-size:18px;line-height: 115%;}
.eventsslider .event > a, .eventsslider .event > .flexview {display:block;position:relative;border:1px solid var(--greydark);box-shadow:var(--shadowlight);padding:5px;height:100%;}
.eventsslider .event .imgplace {width: 100%;height: 300px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.eventsslider .event img, .eventsslider .event iframe {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/max-height:100%;}
.eventsslider .event .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.eventsslider .event a:hover img, .eventsslider .event a:focus img {transform: scale(1.1,1.1);}
.eventsslider .event a:hover .title, .eventsslider .event a:focus .title {color:var(--maincolor)}
.eventsslider .event a:hover, .eventsslider .event a:focus {box-shadow:var(--shadowdark);}
.eventsslider .event .abstract {padding:0 3% 3% 3%;font-weight:500;}
.eventsslider .event .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:60px;font-size:16px;}
.eventsslider .event .moreabstract p {font-size:16px;}
.eventsslider .slick-prev {left:auto;right:-20px;-webkit-transform: scaleX(1);transform: scaleX(1);}
.eventsslider .slick-next {right:auto;left:0px;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.tmpmanagement2 .eventsslider .event .imgplace {height: 200px;}
.eventsslider.portrait img {position:static;width:auto;height:auto;max-width:100%;max-height:100%;}

.downloadslider {display:flex; flex-wrap: wrap;}
.downloadslider  .slick-slide {float:right}
.downloadslider .downloaditem {width: 23%;margin: 1%;position:relative;background:var(--white)}
.downloadslider .downloaditem p {margin:0 0 10px 0;}
.downloadslider .downloaditem .title {margin:10px 0;font-weight:var(--fontbold);}
.downloadslider .downloaditem > a {display:block;position:relative;border:1px solid var(--greydark);box-shadow:var(--shadowlight);padding:5px;height:100%;}
.downloadslider .downloaditem .imgplace {width: 100%;height: 300px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.downloadslider .downloaditem img, .downloadslider .downloaditem iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.downloadslider .downloaditem .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.downloadslider .downloaditem a:hover img, .downloadslider .downloaditem a:focus img {transform: scale(1.1,1.1);}
.downloadslider .downloaditem a:hover .title, .downloadslider .downloaditem a:focus .title {color:var(--maincolor)}
.downloadslider .downloaditem a:hover, .downloadslider .downloaditem a:focus {box-shadow:var(--shadowdark);}
.downloadslider .downloaditem .abstract {padding:0 3% 3% 3%;font-weight:500;}
.downloadslider .downloaditem .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:60px;font-size:16px;}
.downloadslider .downloaditem .moreabstract p {font-size:16px;}
.downloadslider .down {color:var(--maincolor);font-weight:var(--fontbold);margin:10px 0;}
.downloadslider .slick-slide {padding:30px}
.downloadslider .slick-next {right: -20px;}
.downloadslider .slick-prev {left: -20px;}

.indexarch {margin:3%;border:1px solid var(--greydark);padding:4%;float:left;width:94%}
.indexarch h2 {text-align: center;color:var(--black);margin:0 0 30px 0;}

.indexarchflex, .indexarchflex label {display:flex;align-items: center;justify-content: center;}
.indexarchflex label {margin:0 20px}
.indexarchflex input, .indexarchflex select {border:1px solid var(--greydark);width:200px;}
.indexarchflex span {display:block;    white-space: nowrap;margin: 0 10px;}
.indexarchflex .or {position: relative;display: flex;align-items: center;justify-content: center;padding: 10px;overflow: hidden;width: 80px;}
.indexarchflex .or:after, .indexarchflex .or:before {    height: 80px;width: 1px;background: var(--greygrey);transform: rotate(45deg);content: "";display: block;position: absolute;left: 5px;top: -5px;}
.indexarchflex .or:after {    left: 75%;top: -15px;}

.duoflex {display:flex}
.duoflex > div {width:50%;padding:0 4%;}
.duoflex p {text-align:justify}
.bodytext .duoflex li, html:lang(he) .bodytext .duoflex li {background: url(../images/dot.png) right 2px no-repeat;}

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

.stripimg .slick-slide div > div, .stripimg > div {height:580px;position:relative;}
.stripimg img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.stripimg .slick-dots {bottom: 80px;justify-content: flex-end;}

#imgContainer {width:100%}
.tmpproductitem #imgContainer a {display: flex;width: 100%;align-items: center;justify-content: center;}

.bodytext iframe {width: 100%;height: 550px;}

.bodytext td iframe {width: 100%;height: 250px;}
.bodytext table {width:100%}
.bodytext p { line-height:160%;margin:0 0 15px 0;text-align:justify}
.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 {margin:20px 0;font-weight:500;font-size:32px;}
.bodytext h3 {margin:20px 0;font-weight:500;font-size:28px;}
.bodytext h4 {margin:20px 0;font-weight:500;font-size:24px;}
.bodytext td img {padding:0;border:none;margin:0}
.bodytext strong {font-weight:600}

.bodytextspace {padding:6% 0}

.greybody {background:var(--grey);padding:2%;margin:0;}
.greybodyborder {padding:5px;border:1px solid var(--greydark);margin:30px 0;}

.flexplace {display: flex;flex-wrap: wrap;justify-content: center;margin:0 0 3% 0}
.flexplace .flex {width: 31.3%;margin: 1%;position:relative}
.flexplace .imgplace {height:450px;position:relative;overflow:hidden}
.flexplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.flexplace .title {font-size:20px;font-weight:500;color:var(--white);position:absolute;left:0;top:0;width:100%;height:100%;padding:4%;color:var(--white);z-index:2;display: flex;align-items: flex-end;justify-content: flex-start;}
.flexplace .imgplace:after {background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:"";display:block}
.flexplace a:hover img {transform: scale(1.1,1.1);}

.flexplace4 {display: flex;flex-wrap: wrap;justify-content: center;margin:0 0 3% 0}
.flexplace4 > div {width:24%;margin:.5%;padding:2%;background:var(--greylight);text-align:center;}
.flexplace4 img {max-height:750px;margin:auto;}
.flexplace4 a:hover img {transform: scale(1.1,1.1);}
.flexplace4 .title {font-size:24px;font-weight:500;margin:0 0 10px 0;}
.flexplace4 .moreabstract, .flexplace4 .subtitle {font-weight: 400;}
.flexplace4 .imgplace {overflow:hidden;height:200px;display: flex;align-items: center;justify-content: center;}


.greyplace {background:var(--grey);padding:8% 0 12% 0;margin: 0 0 -12% 0;}
.greyplace > div:first-of-type {width: 480px;margin: 0 10.5% 60px 0;border-left:1px solid var(--greydark);padding:0 0 0 2%;position:relative}
.greyplace > div:first-of-type h2 {font-size: 64px;letter-spacing: -2px;margin: 0 0 10px 0;}

.greyplace2 {background:var(--grey);padding:4%;margin: 6% 0;width:100%;float:left}
.greyplace2 h2 {text-align:center;margin:0 0 30px 0;}

.greylightplace {background:var(--greylight);padding: 1% 0;margin:1% 0}
.bodytext.greylightplace, .bodytext.greylightplace p, .bodytext.greylightplace li, .bodytext.greylightplace div {font-size:12px;}
.bodytext.greylightplace li {background: url(../images/dot.png) right 2px no-repeat;}

.greydoorplace {padding:1% 0 0 0;border:1px solid var(--greylight);    position: relative;margin:0 0 20px 0;transition: background-color .25s ease; background-size: 100% 50%;background-repeat: no-repeat;background-position: 0 171.5%;}
.greydoorplace:before {height:100%;width:100%;background: url(../images/plant.png) -18% 92% no-repeat;background-size: 250px;position:absolute;left:0;top:0px;content:"";display:block;z-index:3}
.greydoorplace:after {height:30px;width:100%;background:var(--white);position:absolute;left:0;bottom:110px;content:"";display:block;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}

.floor-swatches {display: flex;gap: 10px;align-items: center;flex:auto;justify-content: flex-end;}
.floor-swatch {width: 30px;height: 30px;border-radius: 50%;border: 2px solid rgba(0,0,0,.15);background-color: #f5f5f5;background-size: cover;background-position: center;padding: 0;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;line-height: 1;box-shadow: 0 0 0 1px rgba(255,255,255,.6);transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;font-weight:500}
.floor-swatch:hover {transform: scale(1.05);box-shadow: 0 0 0 2px rgba(0,0,0,.1);}
.floor-swatch-wall {cursor: default;}
.floor-swatch-option.is-active {border-color: #000;box-shadow: 0 0 0 2px rgba(0,0,0,.25);}
.floor-swatches span {font-weight:600;font-size: 13px;}

.alertplace {text-align:center;margin:5px 0;font-size:16px;color:var(--black);width:100%;font-size:13px;display:none}

.door-color-panel {display: flex;align-items: center;gap: 8px;font-size: 13px;padding:2.5px;background:var(--whiteopacity2);flex-wrap: wrap;margin:75px 0 0 0;position:relative;z-index:10}

.door-color-label {font-weight:600}
.door-color-picker {position: relative;display: inline-flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--greydark);cursor: pointer;overflow: hidden;}
.door-color-picker input[type="color"] {position: absolute;inset: 0;opacity: 0;cursor: pointer;}
.door-color-swatch {width: 100%;height: 100%;border-radius: 50%;background: #f0f0f0;}
.door-color-reset {padding: 4px 10px;font-size: 12px;border-radius: 4px;border: 1px solid var(--greydark);background: var(--greylight);cursor: pointer;}
.door-color-reset:hover {background: var(--black);color:var(--white)}

.darkgreyplace {background:var(--greydark);width: 100%;float: left;margin: 23% 0 0 0;}

.darkgreyplace2 {background:var(--greydark);width: 100%;float: left;margin: 0 0 2% 0;}
.darkgreyplace2 h2 {color:var(--white);margin:4% 4% -2% 0;font-size:64px;font-weight: 200;}
.darkgreyplace2 .contactplacein h2 {font-size:20px;margin:0 0 10px 0;font-weight:500}
.darkgreyplace2 h3 {color:var(--white);margin:0 0 10px 0;font-weight:600;font-size:26px}
.darkgreyplace2 .contactplacein .contactform {margin:0}

.peoplearichal {display:flex;flex-wrap:wrap}
.peoplearichal > div:first-of-type {width:30%;}
.peoplearichal > div:nth-of-type(2n) {width:70%;padding:0 20px 0 0}
.peoplearichal a, .peoplearichal div {color:var(--white)}
.peoplearichal img {border:1px solid var(--white);padding:5px;}
.peoplearichal .mail, .peoplearichal .phone, .peoplearichal .title {font-weight:600;margin:0 0 10px 0;}
.peoplearichal .mail a {font-weight:600}
/*.peoplearichal .mail {background: url(../images/mail2.png) right center no-repeat;padding:10px 30px;background-size:20px;}*/
.peoplearichal .phone {background: url(../images/phone2.png) right center no-repeat;padding:10px 30px;background-size:20px;margin:0;}

.featuremadein {margin:8% 3%;background:var(--white) url(../images/bgmade.png) 70% center no-repeat;display:flex;background-size:contain;    flex-wrap: wrap;float:left;width:94%}
.featuremadein > div {width:65%;padding:4% 10% 4% 4%;}
.featuremadein > div:nth-of-type(2n) {width:35%;padding:4% 2% 4% 8%;position:relative;border-right:1px solid var(--greydark)}
.featuremadein > div:nth-of-type(2n):after {width:1px;height:170%;top:-35%;position:absolute;background:var(--white);content:"";display:block;left:13%}
.featuremadein p {margin:0 0 10px 0;}
.featuremadein h2 a {display: inline-block;background: var(--maincolor);font-weight: 800;text-align: center;font-size: 30px;margin: 0 5px 0 0;padding: 7.5px;line-height: 100%;color: var(--white);direction: ltr;}

.sliderduo {padding:0 4% 0 4%;margin:0 0 4% 0}

#featuresplace {margin:4% auto}
#featuresplace h2 {margin:0;font-size:32px;float:right}
#featuresplace .btn {float:left}

.infoboxesplace  {float:left;width:100%;margin:30px 0 0 0}
.infoboxesplace .slick-slide > div {padding:1%}
.infoboxesplace .infobox {position:relative}
.infoboxesplace .infobox .imgplace {height:350px;position:relative;overflow:hidden}
.infoboxesplace .infobox img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.infoboxesplace .infobox .title {font-size:20px;font-weight:500;color:var(--white);position:absolute;left:0;top:0;width:100%;height:100%;padding:4%;color:var(--white);z-index:2;display: flex;align-items: flex-end;justify-content: center;}
.infoboxesplace .infobox .imgplace:after {background: #000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:"";display:block}
.infoboxesplace .infobox .btn2 {border:1px solid var(--white);color:var(--white)}
.infoboxesplace .infobox a:hover img {transform: scale(1.1,1.1);}{}


.iconstable {margin:0 auto 30px auto;border:none}
.iconstable td {text-align:center;border:none;padding:0 15px;}

.tmpindex .iconstable td {padding:2px;font-size:16px;}
.tmpindex .iconstable {margin:0 0 10px 0}

.liststyle {margin:0 auto 2.5% auto}
.liststyle .flex {margin: 0 0 4% 0;position:relative;background: var(--white);border:1px solid var(--greydark);padding:5px;box-shadow:var(--shadowlight)}
.liststyle .flexview {display:flex;flex-wrap:wrap}
.liststyle .flexview > div {width:50%;padding:2%;position:relative;text-align: justify;}
.liststyle .flexview > div:nth-of-type(2n) {padding:0;}
.liststyle .title {font-size:46px;margin:0 0 10px 0;}
.liststyle iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .imgplace {padding:0;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.liststyle img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.liststyle .flex:hover {border:1px solid var(--maincolor);box-shadow:none;background:#fcfcfc}

.articles .flexview > div {width:55%;}
.articles .flexview > .imgplace {width:45%;min-height: 300px;}
.articles .title {font-weight:var(--fontbold);margin:0 0 5px 0;font-size:20px;}
.articles .date {margin:10px 0 0px 0;display:block}
.articles .btn2 {font-weight:var(--fontbold);color:var(--maincolor);text-decoration:underline;display:block;float:left;margin:10px 0 0 0}
.articles .flexview > div:nth-of-type(2n) {padding:2%}

.tmpglobalitem .globalicons, .tmpglobalitem .bodyflex {margin:30px 0;} 
.tmpglobalitem iframe {width:100%;height: 100%;}

.globalicons {margin:0 0 4% 0}
.globalicons > div, .globalicons > h3 {padding:6px 35px 6px 5px;font-size:var(--fontsize);font-weight:400}
.globalicons a {color:var(--maincolor);font-weight:500;text-decoration:underline}
.globalicons .phone {background: url(../images/g2.png) right center no-repeat;}
.globalicons .phone:nth-of-type(2n) {background: url(../images/g2.png) right center no-repeat;}
.globalicons .address {background: url(../images/g1.png) 99% center no-repeat;}
.globalicons .email {background: url(../images/g3.png) right center no-repeat;}
.globalicons .fax {background: url(../images/g2.png) right center no-repeat;}
.globalicons .site {background: url(../images/g3a.png) right center no-repeat;}
.globalicons .time {background: url(../images/g4.png) right center no-repeat;}

.globalicons .waze, .globalicons .google {display:inline-block;width:170px;height:40px;float:right;margin:15px 0 5px 5px;}
.globalicons .waze:hover, .globalicons .google:hover, .globalicons .waze:focus, .globalicons .google:focus {filter: drop-shadow(2px 2px 6px rgba(50,50,50,1));}
.globalicons .waze {background:#33CCFF url(../images/waze2.png) center center no-repeat;}
.globalicons .google {background:#f3f3f3 url(../images/google.png) center center no-repeat;}

.InDoor, .OutDoor {display:inline-block;float:right;margin:10px 0 5px 10px;padding:5px 30px 5px 10px;}
.InDoor {background:#f3f3f3 url(../images/in.png) 97% center no-repeat;}
.OutDoor {background:#f3f3f3 url(../images/out.png) 97% center no-repeat;}

.inout {display:flex;    justify-content: center;}
.inout > div {display:inline-block;border:1px solid var(--black);margin:0 10px;}
.inout .InDoor {background: url(../images/in.png) 90% 10px no-repeat;padding: 10px 40px 10px 10px;margin:0}
.inout .OutDoor {background: url(../images/out.png) 90% 10px no-repeat;padding: 10px 40px 10px 10px;margin:0}

.projectgallery img {height:750px;}
.projectgallery .slick-slide > div {margin:0 10px;}
.projectgallery .slick-slide > div > div {padding: 5px;border: 1px solid var(--greydark);box-shadow:var(--shadowlight);}

.searchplace {display:none;position:absolute;top:100%;left:0;width:320px;border:1px solid var(--grey);padding:5px;background:var(--white)}
.search {display:flex;position:relative}
.searchplace.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:var(--black) url(../images/search.png) center center no-repeat;}
.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);}

.contactbody, .contactbody p, .contactbody li, .contactbody div {text-align:center;font-size:30px;}
.contactbody .bodytext {margin:0 0 20px 0}
.contactbody strong {font-weight: 600;}
.contactform label {position:relative;display:block;margin:0 0 20px 20px;}
.contactform label input, .contactform label textarea, .contactform select {border:none;border-bottom:1px solid var(--greygrey);}
.contactform textarea {height:45px;width: 120px;}
.contactform select {padding:9px;}
.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-size: 14px;}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:1px 0 0 5px;width:15px;height:15px;}
.contactform .jointomailinglist {display:flex;align-items: center;}
.contactform input.error,.contactform select.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}

.indexcontact .contactform input, .indexcontact .contactform textarea {color:var(--white)}

.tmpcontact .addressplace {display:flex}
.tmpcontact .addressplace p {flex: auto;}
.tmpcontact .addressplace p:before {background: url(../images/c3.png) center center no-repeat;margin:0 0 0 10px;content:"";display:block;width:50px;height:50px;border:1px solid var(--black);border-radius:100%;float:right}
.tmpcontact .addressplace p:nth-of-type(2n):before {background: url(../images/c1.png) center center no-repeat;}
.tmpcontact .addressplace p:nth-of-type(3n):before {background: url(../images/c2.png) center center no-repeat;}


.indexcontact {background: var(--black);padding:4% }
.indexcontact h2, .indexcontact p {font-size:24px;color:var(--white);text-align:center}
.indexcontact ::-webkit-input-placeholder { color:var(--white)}
.indexcontact ::-moz-placeholder { color:var(--white)}
.indexcontact :-ms-input-placeholder {color:var(--white) }
.indexcontact :-moz-placeholder {color:var(--white) }
.indexcontact label span {color:var(--white)}
.indexcontact input[type="submit"] {background:var(--white);margin:0px 0;width:200px;color:var(--black)}
.indexcontact input[type="submit"]:hover {background:var(--maincolor);}
.indexcontact .checkplace {background:var(--blackopacity);padding:15px;border:1px solid var(--white);}

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

.archprojects {background: var(--greydark);width: 100%;float: left;margin: 0 0 150px 0;}
.archprojects .slick-dotted.slick-slider {margin:40px 0 -100px 0}
.archprojects .flexplace {justify-content: flex-start;margin:  0;flex-direction: row-reverse;min-height:580px;}
.archprojects .flexplace > div {width:35%;padding: 0% 4% 0 2%}
.archprojects .flexplace > div:nth-of-type(2n) {width:65%;padding:0}
.archprojects .flexplace > div:first-of-type {display: flex;flex-direction: column;align-items: flex-end;}
.archprojects .imgplace {height:600px;position:relative}
.archprojects .imgplace2 {height:200px;position:relative;width:200px;margin:20px 0 0 0}
.archprojects .imgplace2 img {}
.archprojects img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;padding:5px;border:1px solid var(--grey)}
.archprojects p, .archprojects div, .archprojects a {color:var(--white)}
.archprojects .imgcaption {position: absolute;left: 10px;bottom: 10px;color: var(--black);background:var(--whiteopacity);padding:5px;}

.archprojects h2 {font-size: 64px;letter-spacing: -2px;margin: 30px 4% 20px 0;color:var(--white);}
.archprojects .abstract div, .archprojects .abstract a {color:var(--white);}
.archprojects .title {font-size:46px;margin:0% 0 10px 0;font-weight:200}

.archprojects .slick-next {right:auto;left:80px;}
.archprojects .btn {margin:20px 2px 0 0;background:none;border:1px solid var(--white)}

.archprojects .slick-dots {top: auto;bottom: 20%;right: 4%;width: auto;}
.archprojects .slick-dots li button:before {border-bottom: 1px solid var(--white);}
.archprojects .slick-dots li.slick-active button:before {    border: 1px solid var(--white);}

.doorpdf .logo {justify-content: center;}
.doorpdf h1 {text-align:center;margin:20px 0}

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

.linktomore {float:left;position:relative;color:var(--maincolor);font-weight:bold}

#divIndexItems {margin:4% 0 0 0}
.indexitemline {border-bottom:1px solid var(--grey);display:flex;flex-wrap:wrap}
.indexitemline > div {padding:5px;width:33.3%}
.indexitemline a {color:var(--maincolor);font-weight:500}
.indexitemline a:hover, .indexitemline a:focus {color:var(--black);text-decoration:underline}

.contactform {display:flex;margin:10px auto;align-items: center;justify-content: center;}
#shortcontact .contactform {display:block}

.contactfooter {background:var(--greylight);padding:4%;position:relative;margin:0 0 4% 0; display: flex;flex-direction: column;}

.contactfooter h2.title {text-align:center;font-size:32px;margin:0 0 20px 0;width:100%}

.contactfooter .contactform {display: flex;margin: 10px auto;align-items: center;justify-content: center;}
.contactfooter p {color:var(--white);font-weight:300;margin:0 auto 20px auto;text-align:center;max-width:70%}

.contactfooter .contactform > div:nth-of-type(2n), .contactfooter .contactform > div > div > div:first-of-type {flex:auto}
.contactfooter .contactform > div > div > div:first-of-type {border:1px solid var(--white);padding:5px;    align-items: center;background:var(--blackopacity);justify-content: flex-start;}
.contactfooter .contactform > div > div > div:first-of-type label {margin:0 0 0 10px;width: auto;}
.contactfooter .contactform > div > div:last-of-type {padding:5px 0;justify-content: flex-end;}
.contactfooter .contactform > div > div:last-of-type label {margin:0;}

.contactfooter .contactform label {margin:0 0px 18px 1%;display: flex;align-items: center;    width: 24.25%;}
.contactfooter .contactform label:last-of-type {margin-left:0}
.contactfooter .contactform span, .contactfooter .contactform .errorplace {color:var(--black);font-size: 12px;}
.contactfooter .contactform .errorplace {display:none;width:100%;}
.contactfooter .contactform input[type="submit"] {border:1px solid var(--black);width: 200px;}
.contactfooter .contactform input[type="submit"]:hover {background:var(--maincolor)}
.contactfooter .contactform .jointomailinglist {width:30%}
.contactfooter .contactform .jointomailinglist span {font-size:16px;}

.tabbtnplace {margin: 0 0 20px 0;text-align:center}
.tabbtnplace button {background:var(--greygrey);min-width:150px;font-size:var(--fontsize);margin:0 5px}
.tabbtnplace button.opened {background:var(--maincolor)}

#divPrivateCustomer, #divProjectCustomer {padding:2%;border:1px solid #fff;margin:0 0 20px 0;}

#contactfooter2 {background:var(--greydark);padding:3%;position:relative;float:left;width: 100%;margin:0 0 30px 0;}
.tmpglobalitem #contactfooter2 {float:none}
#contactfooter2:before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;background: url(../images/bgcontact.jpg) center center no-repeat;opacity:.2;background-size:cover}
#contactfooter2 .contactform > .title {color:var(--white);text-align:center;margin:0 0 20px 0;}
#contactfooter2 div.title {font-size:3.3vw;font-weight:200;line-height: 100%;}
#contactfooter2 span.title {font-weight:500;width:25%;}
#contactfooter2 p {color:var(--white);font-weight:300;margin:0 auto 20px auto;text-align:center;max-width:70%}
#contactfooter2 .contactform > div > div, #contactfooter2 .contactform > div > div > div {display:flex;    flex-wrap: wrap;}
#contactfooter2 .contactform > div:nth-of-type(2n), #contactfooter2 .contactform > div > div > div:first-of-type {flex:auto}
#contactfooter2 .contactform > div > div > div:first-of-type {border:1px solid var(--white);padding:5px;    align-items: center;background:var(--blackopacity);}
#contactfooter2 .contactform > div > div > div:first-of-type label {margin:0 0 0 10px;width: auto;}
#contactfooter2 .contactform > div > div:last-of-type {padding:5px 0;justify-content: flex-end;}
#contactfooter2 .contactform > div > div:last-of-type label {margin:0;}
#contactfooter2 .contactform label {margin:0 0px 18px 1%;display: flex;align-items: center;    width: 24.25%;}
#contactfooter2 .contactform label:last-of-type {margin-left:0}
#contactfooter2 .contactform span, #contactfooter2 .contactform .errorplace {color:var(--white);font-size: 16px;}
#contactfooter2 .contactform .errorplace {display:none}
#contactfooter2 .contactform input[type="submit"] {background:var(--blackopacity);border:1px solid var(--white);width: 24%;margin:0 1% 0 0;}
#contactfooter2 .contactform input[type="submit"]:hover {background:var(--maincolor)}
#contactfooter2 .contactform .jointomailinglist span {font-size:16px;}
#contactfooter2 ::-webkit-input-placeholder { color:var(--black)}
#contactfooter2 ::-moz-placeholder { color:var(--black)}
#contactfooter2 :-ms-input-placeholder {color:var(--black) }
#contactfooter2 :-moz-placeholder {color:var(--black) }

#shortcontact {display:none;position:fixed;left:0;top:62px;height:100%;width:50%;background:var(--grey);z-index:99;padding:6% 4%;box-shadow:var(--shadowlight)}
#shortcontact.opened {display:block}

#shortcontact .close {width:30px;height:30px;position:absolute;right:10px;top:30px;border:none;}
#shortcontact .close:before, #shortcontact .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
#shortcontact .close:after {transform: rotate(-45deg);}
#shortcontact h2 {font-weight:500;margin:0 0 20px 0;font-size: 30px;text-align:center}
#shortcontact .checkplace {padding:10px;border:1px solid var(--greydark);margin:20px 0;}
#shortcontact label {margin:0 0px 15px 0;display: flex;align-items: center;}
#shortcontact input[type="submit"] {background:none;border:1px solid var(--black);color:var(--black);}
#shortcontact input[type="submit"]:hover {background:var(--maincolor);color:var(--white)}
#shortcontact .title {margin:0 0 10px 0;font-weight:500}

#shortcontact2 {position:fixed;left:0;top:62px;height:100%;width:25%;background:var(--grey);z-index:99;padding:6% 4%;box-shadow:var(--shadowlight)}
#shortcontact2.opened {display:block}
#shortcontact2 .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;display:none}
#shortcontact2 .close:before, #shortcontact2 .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
#shortcontact2 .close:after {transform: rotate(-45deg);}
#shortcontact2 h2 {font-weight:500;margin:0 0 20px 0;font-size: 30px;text-align:center}
#shortcontact2 .checkplace {padding:10px;border:1px solid var(--greydark);margin:20px 0;}
#shortcontact2 label {margin:0 0px 15px 0;display: flex;align-items: center;}
#shortcontact2 input[type="submit"] {background:none;border:1px solid var(--maincolor);color:var(--maincolor);    font-weight: var(--fontbold);font-size:20px;}
#shortcontact2 input[type="submit"]:hover {background:var(--maincolor);color:var(--white)}
#shortcontact2 .title {margin:0 0 10px 0;font-weight:500}

.contactplacein p {color:var(--white);font-weight:var(--fontbold)}
.contactplacein label span {color:var(--white)}
.contactplacein .title {color:var(--white);font-weight:500;text-align:initial;margin:0 0 5px 0;}
.contactplacein .contactform {display:flex;flex-wrap:wrap;max-width:670px;margin:30px auto 0 auto}
.contactplacein .contactform > div {width:50%;padding:0 0 4% 4%}
.contactplacein checkplace {margin:0 0px 15px 0;display: flex;align-items: center;}
.contactplacein ::-webkit-input-placeholder { color:var(--black)}
.contactplacein ::-moz-placeholder { color:var(--black)}
.contactplacein :-ms-input-placeholder {color:var(--black) }
.contactplacein :-moz-placeholder {color:var(--black) }
.contactplacein input[type="submit"] {background:none;border:1px solid var(--white);margin:10px 0;}
.contactplacein input[type="submit"]:hover {background:var(--maincolor);}
.contactplacein .checkplace {padding:15px;border:1px solid var(--white);}
.contactplacein .checkplace label {margin:0 0 5px 0;    display: flex;align-items: center;}

.contactbtn {margin:20px 0;}
.contactbtn a {color:var(--maincolor);border:1px solid var(--maincolor);padding:10px 40px 10px 10px;font-weight:var(--fontbold)}
a.btntel {background:var(--white) url(../images/phone2a.png) 94% center no-repeat;}
a.btnwha {background:var(--white) url(../images/whatsapp2a.png) 94% center no-repeat;}


.tmp404 .bodytext {margin:0}
.tmp404 .infoboxesplace {margin:0 0 4% 0}
.tmp404 img {margin:auto;max-height:450px}
.tmp404 .imagesplace {text-align:center}
.tmp404 .leftmenu .level2, .tmpthank .leftmenu .level2 {display:block}
.tmp404 .leftmenu .this, .tmpthank .leftmenu .this {display:none}
.tmp404 .imgside, .tmpthank .imgside {float:right;margin:0 0 20px 2%;max-width:45%}
.tmp404 .imagesplace a, .tmpthank .imagesplace a {border:none;padding:0;}
.tmpthank img {margin:auto;max-height:450px}
.tmpthank .imagesplace {text-align:center}


.videosplace {position: relative;z-index: 2;}
.videosplace > div {margin:3% 30% 3% 0;padding:5px;border:1px solid var(--greydark);display:flex;flex-wrap:wrap}
.videosplace > div:nth-of-type(2n) {margin:5% 0% 5% 30%;flex-direction: row-reverse;}
.videosplace .abstract {padding:3% 6%;}
.videosplace .title {font-weight:var(--fontbold);margin:0 0 10px 0;position:relative;color:var(--maincolor);font-size:20px;}
.videosplace img, .videosplace iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.videosplace > div .imgplace a {display:block}
.videosplace > div > div {width:50%;    min-height: 400px;}
.videosplace > div .imgplace {position:relative;}
.videosplace p {margin:0 0 10px 0;text-align: justify;}
.videosplace .btn2 {font-weight:var(--fontbold);color:var(--maincolor);text-decoration:underline}

footer {padding:6% 0 4% 0;background:var(--black)}

.credits {padding:40px 0 20px 0;}
.credits a:hover, .credits a:focus {}
.credits p, .credits a {margin:0;font-size:14px;color:var(--white);}

.logosslider img {margin:auto;max-width:90%;max-height:90%;}
.logosslider li {padding:10px}
.logosslider .imgplace {display:flex;height:160px;align-items: center;background:var(--greylight);filter: grayscale(100%);}
.logosslider .slide:hover .imgplace, .logosslider a:focus .imgplace {filter: none;}

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


.sliderbtn {/*position:absolute;right:0px;bottom:20px;*/display: flex;background:var(--white);border-radius:10px;}
.sliderbtn a {padding:5px 35px 5px 10px;margin:0 2.5px 0 0;font-size: 15px;color:var(--black);}
.sliderbtn .pause:hover, .sliderbtn .pause:focus {background:#f0f0f0 url(../images/pause.png) 94% center no-repeat;background-size:25px;color:var(--black);}
.sliderbtn .play:hover, .sliderbtn .play:focus {background:#f0f0f0 url(../images/play.png) 94% center no-repeat;background-size:25px;color:var(--black);}
.sliderbtn .pause {background: url(../images/pause.png) 94% center no-repeat;background-size:25px;}
.sliderbtn .play  {background: url(../images/play.png) 94% center no-repeat;background-size:25px;}

.tmpformside .sliderbtn {position:static;margin:10px 0 30px 0;}

.tmpformside .slick-dotted.slick-slider {margin:0;}

.faqsplace > div {background:var(--white);overflow:hidden;margin:0 0 30px 0;position: relative;}
 .question { padding:10px 50px;width:100%;text-align:initial;font-weight:var(--fontbold);background:var(--grey)}
 .question p, .question li { text-align:initial;margin:0;font-weight:var(--fontbold)}
 .question:hover, .question:focus, .question.opened {text-decoration:underline}
 .faqsplace > div.opened {background:none}
 .answer {display:none;padding:10px 10px 10px 10px;}
 .faqsplace > div.opened .answer {display:block}
 .answer p, .faqsplace .answer li {margin:0;text-align:initial;text-align:justify}

 .question span {position:absolute;right:10px;top:8px;background:var(--white) url(../images/faqarrow.png) center center no-repeat;width:25px;height:25px;display:flex;align-items: center;justify-content: center;}
 .question.opened span {background:var(--grey) url(../images/faqarrow.png) center center no-repeat;transform: rotate(90deg);}

.docsplace, .linksplace {background:var(--greylight);padding:20px;margin:2.5% 0;}
.docsplace .title, .linksplace .title {font-weight:var(--fontbold);margin:0 0 10px 0;}
.docsplace a, .linksplace a {display:flex;align-items: center;color:var(--black);padding:5px;background:var(--grey);border:1px solid var(--greygrey);float:right;margin:0 0 10px 10px;}
.docsplace a:hover, .linksplace a:hover {text-decoration:underline}
.docsplace img {display:none}
.docsplace a img, .linksplace a img {margin:0 10px;max-height:35px;}
.linksplace a {background: url(../images/link.png) 94% center no-repeat;background-size: 25px;padding:5px 30px 5px 10px}
.docsplace a {background: url(../images/smallfile.png) 98% center no-repeat;padding:5px 40px 5px 10px}

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

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

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

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

.leftcolumn {}
.leftmenu {display:flex;flex-wrap: wrap;justify-content: center;padding:4%;align-items: center;position:relative}
.leftmenu a {display:inline-block;padding:10px 20px;color:var(--fontcolor);border:1px solid var(--greydark);margin:10px;border-radius:30px;}
.leftmenu .this a, .leftmenu a:hover {background:var(--black);color:var(--white)}
 
.managements {padding:3%;margin:3% 0;float:left;width:100%;border-top:1px solid var(--greygrey);/*border-bottom:1px solid var(--greygrey);*/}
.managements h2 {color:var(--white);position:relative;font-size:64px;}
.managements h2:after {width:65%;height:1px;background:var(--greygrey);content:"";display:block;position:absolute;right:30%;top:35px;}
.managements .flexplace {margin:4% 0 0 0}

.managementflex {display:flex;margin:0 .5% 4% .5%}
.managementflex > div {width:50%;position:relative;}
.managementflex > div:nth-of-type(2n) {padding:0 10px}
.management .imgplace {background:var(--grey);min-height:180px;position:relative}
.management img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;filter: grayscale(100%);}
.management .title {color:var(--white);padding:0 0 5px 0;margin:0 0 5px 0;position:relative;font-size: 16px;}
.management .title:after {width:50px;height:1px;background:var(--white);content:"";display:block;position:absolute;right:0;bottom:0px;}
.management .position {font-weight:500;color:var(--white);margin:10px 0;}
.management .moreabstract {color:var(--white);font-size:16px;}
.management a:hover img {filter: none;}
.managementlist h2.title {font-size:64px;border-bottom:1px solid var(--greydark)}

.tmpmanagement .management .position, .tmpmanagement .management .title {color:var(--black);text-align: right;}
.tmpmanagement .managements {padding:0;border:none}
.tmpmanagement .flex {width: 18%;} 
.tmpmanagement .nolink { display: block;position: relative;background: var(--greylight);box-shadow: var(--shadowlight);min-height: 100%;}
.tmpmanagement .flex .abstract {padding:0 3% 0 0;width:50%}
.tmpmanagement .flex .imgplace {height:210px;}

.tmpmanagement .management .title:after {background:var(--black)}

.testsplace {margin:4% auto;width:100%;float:left}
.testsplace h2 {font-size: 32px;text-align: center;margin: 0 0 30px 0;}
.testsplace .slide {position: relative;background: var(--greylight);text-align: center;padding: 8% 10px;min-height:450px;}
.testsplace .slick-slide {padding:0 10px;}
.testsplace .title {margin:0 0 30px 0;font-weight:500}
.testsplace .star {background: url(../images/star.png);width:115px;height:22px;margin:0 auto 20px auto}


.similarslider {padding:0 4%}

.testslistplace {display:none}
.testslistplaceblock {display:flex;flex-wrap:wrap}
.testtoggleplace.opened .testslistplace {display:flex;flex-wrap:wrap}
.testslistplace > div {width:17%;margin:0 0 2% 2%;padding:50px 0px 0px 0px;background: url(../images/tests.png) 98% 0px no-repeat;background-size:60px}
.testslistplace > div:nth-of-type(5n) {width:24%;margin:0 0 2% 0}
.testslistplace .title {font-weight:500;margin:20px 0 5px 0;font-weight:var(--fontbold)}
.testslistplace .date:after {width:50%;height:1px;background:var(--maincolor);content:"";display:block;position:absolute;right:0;bottom:0px;}
.testslistplace .date {padding:0 0 10px 0;margin:0 0 10px 0;position:relative;}
.testslistplace .moreabstract p, .testslistplace .moreabstract {font-size:18px;line-height: 140%;text-align: justify;}

.testtoggleplace button {padding:10px 50px;margin:0 0 20px 0;font-weight:var(--fontbold);background:var(--grey);width:100%;text-align:right;position:relative}
.testtoggleplace button span {position:absolute;right:10px;top:8px;background:var(--white) url(../images/faqarrow.png) center center no-repeat;width:25px;height:25px;display:flex;align-items: center;justify-content: center;}
.testtoggleplace.opened button {background:none}
.testtoggleplace.opened button span {background:var(--grey) url(../images/faqarrow.png) center center no-repeat;transform: rotate(-90deg);}

	
.toggleplacebtn {font-weight:var(--fontbold);background:var(--grey);width:30px;text-align:right;position:relative;height:30px;position:absolute;left:0;top:0;}
.toggleplacebtn span {background: url(../images/faqarrow.png) center center no-repeat;width:30px;height:30px;display:flex;align-items: center;justify-content: center;}
.opened .toggleplacebtn {background:var(--white)}
.opened .toggleplacebtn span {background:url(../images/faqarrow.png) center center no-repeat;transform: rotate(90deg);}

.toogledownloads {display:none}
.moreownloadsplace.opened .toogledownloads {display:block}

.toogledownloadsplace {background: var(--greydark);padding: 2%;}
.toogledownloadsplace a {color: var(--white);padding: 5px 50px 5px 10px;border: 1px solid var(--white);background: url(../images/dot3.png) 99.5% center no-repeat;font-weight: 500;display:block;margin:10px 0}
.toogledownloadsplace a:hover, .toogledownloadsplace a:focus {text-decoration:underline}
.toogledownloadsplace .moreabstract {color: var(--white);margin:0 0 20px 0;}

.tooglebtn {text-align:center;font-size:30px;padding:5px;position:relative;width:100%;font-weight:600}
.tooglebtn span {width:40px;height:40px;background:var(--grey);position:absolute;right:5px;top:5px;display:flex;align-items: center;justify-content: center;}
.tooglebtn span:before, .tooglebtn span:after {content:"";display:block;width:20px;height:2px;background:var(--black);position: absolute;}
.tooglebtn span:after {transform: rotate(90deg);}
.moreownloadsplace.opened .tooglebtn span:after {display:none}
.tooglebtn:hover, .tooglebtn:focus {background:var(--greygrey);color:var(--white)}

.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;overflow:hidden;padding:5px;border:1px solid var(--greydark)}
.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%;}

.bannerplace {position:relative;display:flex}
.bannerplace > div {width:25%;color:var(--white)}
.bannerplace a, .bannerplace p {color:var(--white);font-size:16px;}
.bannerplace a {margin:2px 0;}
.bannerplace p strong {font-weight:500}

.socialmedia {display: flex;flex-wrap:wrap;;margin:20px 0;justify-content: flex-start;}
.socialmedia a {margin:5px;width:30px;height:30px;}
.socialmedia a:hover {opacity:.5}
.socialmedia .facebook {background: url(../images/facebook2.png) center center no-repeat;}
.socialmedia .youtube {background: url(../images/youtube.png) center center no-repeat;background-size:cover}
.socialmedia .instagram {background: url(../images/instagram2.png) center center no-repeat;}
.socialmedia .linkedin {background: url(../images/linkedin.png) center center no-repeat;background-size:cover}
.socialmedia .tiktok {background: url(../images/tiktok2.png) center center no-repeat;}

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

.links {display: flex;flex-wrap: wrap;padding:0 0 3% 0;justify-content: center;}
.links > div {width:12.5%;padding:2%}
.links .imgplace {height:100px;    display: flex;align-items: center;justify-content: center;}
.links .imgplace img {max-height:100%}

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

.accountplace {position:relative;}
.accountplace .openaccount {display: flex;align-items: center;padding:0 5px;}
.accountplace .openaccount span {width:30px;height:62px;display: block;background: url(../images/login.png) center center no-repeat;}
.accountplace .openaccount:hover, .accountplace .openaccount.ilogin {background-color:var(--maincolor)}
.accountplace .openaccount:hover span, .accountplace .openaccount.ilogin span {filter: brightness(0) invert(1)}
.accountplace .name {white-space:nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100px;display: block;}
.accountplace i {display:none}

.accountplace2 {display: flex;align-items: center;padding:0 5px;position:relative;display:none}
.accountplace2:after {width:30px;height:62px;display: block;background: url(../images/login.png) center center no-repeat;content:"";display:block}
.accountplace2:hover, .accountplace2:focus {background-color:var(--maincolor)}
.accountplace2:hover:after, .accountplace2:focus:after {filter: brightness(0) invert(1)}
.accountplace2 i {display:none}

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

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

.gallerylist {margin:0 0 5% 0;}
.gallerylist .title {font-size:var(--fonttitle);font-weight:500;margin:0 0 10px 0;}
.gallerylist .titlein {background:var(--white);padding:10px;position:absolute;right:0;bottom:0;width:100%;font-weight:500;min-height:42px;}
.gallerylist .imgplace_g {display:flex;margin:10px 0;flex-wrap: wrap;}
.gallerylist .imgplace {width:24%;padding:5px;border:1px solid var(--greygrey);margin:.5%;}
.gallerylist .imgplace a, .gallerylist .imgplaceflex {height:250px;display: flex;align-items: center;justify-content: center;position:relative}
.gallerylist .imgplace img {max-height:65%;max-width:80%}

.mobgalleryslider .imgplace {border:none;background:var(--greylight)}
.mobgalleryslider .imgplace .titlein {display:none}


.accplace {font-weight:bold;background: url(../images/accesibility.png) right center no-repeat;padding:5px 30px}

.slider-for {}
.slider-for img {margin:auto;max-width:100%;/*width:100%;*/max-height:700px;}
.slider-for .slick-slide > div {display:flex;background:var(--white);/*height:530px;*/margin:0 1px 30px 1px;align-items: center;justify-content: center;border:1px solid var(--greydark)}
/*.slider-for .slick-slide > div a > div {display:flex}*/
.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);}
	*/
.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:30px;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:22px;margin:0;cursor:pointer}
.glossaryplace .question.opened p {color:var(--maincolor)}
.glossaryplace .letter {font-size:30px;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}
.searchresults .category {font-weight:bold;font-style:italic;color:var(--greygrey)}

a.mainphone {display: block;background: var(--black);text-align:center;padding: 10px;color:var(--white);direction: ltr;border-radius:30px;margin:0 20px;}
a.mainphone div {text-align:center;font-size: 14px;color:var(--white)}
a.mainphone:hover, a.mainphone:focus {background:var(--maincolor)}

a.mainphone2 {display: block;background: var(--maincolor) url(../images/phone2.png) center center no-repeat;font-weight:700;text-align:center;margin:0 5px 0 0;padding: 7.5px;float:left;line-height:100%;direction: ltr;width: 50px;height: 50px;position:fixed;left:0;bottom:150px;text-align:center;font-size:14px;color:var(--white);    filter: drop-shadow(2px 2px 3px rgba(100,100,100,0.6));z-index:11}
a.mainphone2 div {text-align:center;font-size: 14px;color:var(--white)}
a.mainphone2:hover, a.mainphone2:focus {background-color:var(--black)}

a.contactabout {float:right;margin:0 0 0 10px;background:var(--maincolor) url(../images/mail3.png) 95% center no-repeat;padding:10px 55px 10px 15px;font-weight:var(--fontbold);}

a.downloadabout {margin:10px 0;background: url(../images/document.png) 95% center no-repeat;padding:10px 30px 10px 15px;color:var(--greydark);font-size:16px;}
a.downloadabout:hover, a.downloadabout:focus {}

a.whatsapp {background:#25D366 url(../images/whatsup2.png) center center no-repeat;display:none;width: 50px;height: 50px;position:fixed;left:0;bottom:50px;text-align:center;font-size:14px;color:var(--white);    filter: drop-shadow(2px 2px 3px rgba(100,100,100,0.6));display: flex;justify-content: center;align-items: flex-end;z-index:11}
a.whatsapp:hover, a.whatsapp:focus {filter: drop-shadow(2px 2px 6px rgba(50,50,50,1));background-color:var(--black)}

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

.survey {background:var(--greydark) url(../images/door.png) center center no-repeat;display:none;width: 50px;height: 50px;position:fixed;left:0;bottom:0px;text-align:center;font-size:14px;color:var(--white);    filter: drop-shadow(2px 2px 3px rgba(100,100,100,0.6));display: flex;justify-content: center;align-items: flex-end;z-index:11;display:none}
.survey:hover, .survey:focus {filter: drop-shadow(2px 2px 6px rgba(50,50,50,1));background-color:var(--black)}

.opendoor {background:var(--greydark) url(../images/mail2.png) center center no-repeat;display:none;width: 50px;height: 50px;position:fixed;left:0;bottom:0px;text-align:center;font-size:14px;color:var(--white);    filter: drop-shadow(2px 2px 3px rgba(100,100,100,0.6));display: flex;justify-content: center;align-items: flex-end;z-index:11}
.opendoor:hover, .opendoor:focus {filter: drop-shadow(2px 2px 6px rgba(50,50,50,1));background-color:var(--black)}

.opensearch {display: block;padding:0 5px;position:relative}
.opensearch span {display: block;width:30px;height:62px;background: url(../images/search.png) center center no-repeat;}
.opensearch:hover, .opensearch:focus {background-color:var(--maincolor)}
.opensearch.opened span {background:url(../images/close.png) center center no-repeat;background-size: 25px;filter: brightness(0) invert(1);}
.opensearch:hover span, .opensearch:focus span {filter: brightness(0) invert(1);}
.opensearch:hover span, .opensearch:focus span {}

.opentopmenu {display: block;width:40px;height:62px;background: url(../images/menu.png) center center no-repeat;}
.opentopmenu.opened {background: url(../images/close.png) center center no-repeat;background-size: 25px;}
.opentopmenu:hover, .opentopmenu:focus {background:var(--maincolor) url(../images/menu2.png) center center no-repeat;}


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

.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: 24px;color: var(--white);}
.projectscol a {position:relative;overflow:hidden;display:block}
.projectscol a:hover img {transform: scale(1.1,1.1);}


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

.featurepopupplace {background: #000\5;background: rgba(0, 0, 0, 0.5);position:fixed;left:0;top:0;width:100%;z-index:0;opacity:0;display:none}
.featurepopupplace.opened {z-index:99;opacity:1;height:100%;display:block}
.featurepopupplace .featurepopup {padding:40px;background: #fff;width:1000px;position:absolute;left:50%;top:15%;margin:0 0 0 -500px;box-shadow: 0px 0px 10px rgba(100,100,100,.5);border-radius: 5px;}
.featurepopupplace iframe {width:100%;}
.featurepopupplace .imgplace {max-width:350px;margin:0 0 0 2%}
.featurepopupplace .featurepopupdata {/*max-height:600px;overflow-y:auto;direction: ltr;padding: 0 20px;*/display:flex}

.featurepopupplace .close {width:30px;height:30px;position:absolute;right:10px;top:10px;border:none;}
.featurepopupplace .close:before, .featurepopupplace .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
.featurepopupplace .close:after {transform: rotate(-45deg);}

.identityheader {margin:0 0 15px 0;display:flex}
.identityheader a {width:50%;padding:10px;text-align:center;background: var(--greylight);color: var(--black);}
.identityheader a:hover, .identityheader a.this {background: var(--black);color: var(--white);}

.loginplace, .registerplace, .registerform {width:33%;margin:0 auto}
.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%}

.favplace  {display:flex;flex-wrap:wrap}
.favplace > div {width: 23%;margin: 1%;position:relative;}
.favplace > div p {margin:0 0 10px 0;}
.favplace > div .title {margin:10px 0;font-weight:var(--fontbold);/*min-height:65px;*/text-align:center;font-size: 22px;}
.favplace > div > a {display:block;position:relative;background:var(--grey);box-shadow:var(--shadowlight);padding:6% 4%;height:100%;text-align:center}
.favplace > div .imgplace {width: 100%;height: 250px;position: relative;/*overflow: hidden;*/display: flex;align-items: center;justify-content: center;margin:0 0 10px 0;}
.favplace > div img, .features > div iframe {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/max-height:100%;filter: drop-shadow(0px 0px 3px rgba(50, 50, 50, .5));}
.favplace > div .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.favplace > div a:hover img, .favplace > div a:focus img {/*transform: scale(1.05,1.05);*/}
.favplace > div a:hover .title, .favplace > div a:focus .title {color:var(--maincolor)}
.favplace > div a:hover, .favplace > div a:focus {box-shadow:var(--shadowgreen);}
.favplace > div .abstract {padding:0 3% 3% 3%}
.favplace > div .moreabstract {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:80px;font-size:16px;}
.favplace > div .moreabstract p {font-size:16px;text-align:justify}

.delete {width:30px;height:25px;display: block;background: url(../images/delete.png) center center no-repeat;background-size: 25px;filter: brightness(0) invert(0);position:absolute;left:10px;top:10px;}

.saveforlatermenu, .saveforlater {position:relative;padding:0 5px;}
.saveforlatermenu span, .saveforlater span {width:30px;height:62px;display: block;background:url(../images/favorite.png) center center no-repeat;background-size: 22px;}
.saveforlatermenu i {display:none}
.saveforlatermenu.saveditemsmenu, .saveforlater.saveditemsmenu, .saveforlatermenu:hover, .saveforlater:hover, .saveforlater.saveditem, .saveforlatermenu.full {background-color:var(--maincolor)}
.saveforlatermenu.saveditemsmenu span, .saveforlater.saveditemsmenu span, .saveforlatermenu:hover span, .saveforlater:hover span, .saveforlater.saveditem span, .saveforlatermenu.full span {filter: brightness(0) invert(1);}
.saveforlater {position:absolute;right:2%;top:2%;}
.saveforlatermenu span.animateclone {position:absolute;left:0px;top:0;-webkit-animation: animateclone 1s ease-out both;animation: animateclone 1s ease-out both;}
@-webkit-keyframes animateclone {
	0% {opacity: 1;}
	100% {opacity: 0;transform: scale(1.5,1.5);}
}
@keyframes animateclone {
	0% {opacity: 1;}
	100% {opacity: 0;transform: scale(1.5,1.5);}
}

/*.favorite2 {width:40px;height:40px;display: block;background:var(--greyopacity) url(../images/favorite2.png) center center no-repeat;background-size: 25px;position:absolute;right:5px;top:0;border-radius:100%;z-index:3}*/
.favorite2 {background:var(--white) url(../images/favorite2.png) 95% center no-repeat;margin:0 0 0 15px;padding:10px 40px 10px 10px;background-size:25px;box-shadow: var(--shadowlight);color:var(--fontcolor);font-weight: var(--fontbold);   border: 1px solid var(--greydark);}
.favorite2:hover, .favorite2:focus {background:var(--black) url(../images/favorite2a.png) 95% center no-repeat;color:var(--white);background-size:25px;}

a.nulllink {background:var(--maincolor) url(../images/nulllink.png) 95% center no-repeat;padding:10px 40px 10px 10px;}

.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;}
.welcomeplace input[type="submit"] {padding:5px 10px;float:right;width: auto;margin: 0;font-size:16px;border:none}

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

.contrflex {display: flex;}
.contrflex h2 {font-weight:200;font-size:30px;margin:0 20px;}

.contractorfeatures2 {margin:3% 0;display: flex;flex-wrap: wrap;}
.contractorfeatures2 > div {width:48%;margin:1%;position:relative;border:1px solid var(--greydark);box-shadow:var(--shadowlight);padding:10px;}
.contractorfeatures2 > div {display: flex;}
.contractorfeatures2 > div > div {width:40%;padding:10px;text-align:justify}
.contractorfeatures2 > div > div:nth-of-type(2n) {width:60%}
.contractorfeatures2 iframe {width:100%}
                      
.linkplace {margin:3% 0;text-align:center;float:left;width:100%}
.linkplace .btn {background:var(--white);color:var(--black);border:1px solid var(--black)}

.tmplogin {background:url(../images/bglogin.jpg) left 0 no-repeat;}
.tmplogin .smalltitle {color:var(--fontcolor);font-weight:normal;font-size:30px;margin:20px 0;}

.tmpcontractor .duoflex {flex-wrap: wrap;}
.duoflex .peopleitem {display:flex;width:31%;margin:1%;padding:2%}
.duoflex .peopleitem > div {width:40%;position:relative;}
.duoflex .peopleitem > div:nth-of-type(2n) {padding:0 10px;width:60%;}
.duoflex .peopleitem .imgplace {background:var(--grey);height:180px;width:180px;}
.duoflex .peopleitem img {filter: grayscale(100%);position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;border:1px solid var(--white);background:var(--grey);padding:5px;}
.duoflex .peopleitem .title {font-weight:var(--fontbold)}
.duoflex .peopleitem .abstract > div {font-weight:500;margin:0px 0 5px 0;color:var(--white)}
.duoflex .peopleitem .abstract span {font-weight:200;display:inline-block;color:var(--white);margin:5px 0 10px 0;}
.duoflex a[href^="tel:"] {background: url(../images/phone2.png) right center no-repeat;padding: 5px 30px 5px 0;background-size: 20px;display:block;text-decoration:underline}
.duoflex a[href^="mailto:"] {background: url(../images/mail2.png) right center no-repeat;padding: 5px 30px 5px 0;background-size: 20px;display:block;text-decoration:underline}

.career {margin:0 0 30px 0;padding:0 0 30px 0;border-bottom:1px solid var(--grey)}
.careerbody {display:flex}
.careerbody > div {width:50%;padding:2% 0 0 2%;display: flex;}
.career .title2 {font-weight:bold}
.career .tooglebtn2 {background:var(--greylight);text-align:right;padding:10px;font-size:var(--fonttitle)}
/*.career .tooglebtn:hover, .career .tooglebtn:focus {background:var(--greydark);color:var(--white)}*/
.career .btn {float:left;margin:20px 0 0 0}
.careerbody > div img {float: left;
    max-width: 300px;
    margin: 0 20px 0 0;}

.moreownloadsplace {margin:3% 0;background:var(--white);border:1px solid var(--greydark);}

.meetpeopleplace {margin:3% 0}
.meetpeopleplace > h2 {margin:0 0 20px 0;}
.managementshowplace {display:flex;flex-wrap: wrap;}
.managementshow {display:flex;width:48%;margin:1%}
.managementshow > div {width:50%;position:relative;}
.managementshow > div:nth-of-type(2n) {padding:0 10px}
.managementshow .imgplace {background:var(--grey);min-height:180px;}
.managementshow img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.managementshow .title {padding:0 0 5px 0;margin:0 0 5px 0;font-weight:700;position:relative}
.managementshow .title:after {width:50px;height:1px;background:var(--greydark);content:"";display:block;position:absolute;right:0;bottom:0px;}
.managementshow .position {margin:10px 0;}
.managementshow .moreabstract {font-size:16px;}

.doorsinfoboxesplace {margin:0 0 5% 0}
.doorsinfoboxesplace .slick-slide {float:right}

.tmprmp .maincontent .shortpage {display:none}
.tmprmp .flexplace {margin:4% 0}
.tmpproducts .maincontent {margin:0 0 4% 0}

.centertitle {text-align:center;font-size:64px;margin:0 0 20px 0}

body .a2a_kit {margin:  40px 0;text-align: center;width: 100%;float: left;display: flex;justify-content: center;}
body .a2a_default_style:not(.a2a_flex_style) a {margin: 0 0 0 10px;background: var(--white) url(../images/share.png) 95% center no-repeat;padding: 10px 40px 10px 15px;font-weight: var(--fontbold);color: var(--fontcolor);border: 1px solid var(--maincolor);background-size: 25px;}
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));}

.btnplace {display: flex;align-items: center;justify-content: center;margin:30px 0  }
.btnplace button {margin:0 10px;color:var(--maincolor);padding:10px 40px 10px 10px;box-shadow:var(--shadowlight);font-weight:var(--fontbold)}
.btnplace div {font-weight:var(--fontbold)}
.btnplace .InDoor {background:#f3f3f3 url(../images/in.png) 95% center no-repeat;color:var(--greydark)}
.btnplace .OutDoor {background:#f3f3f3 url(../images/out.png) 95% center no-repeat;color:var(--greydark)}
.btnplace .InDoor:hover, .btnplace .OutDoor:hover, .btnplace .InDoor:focus, .btnplace .OutDoor:focus {filter: brightness(1) invert(1);}

.btnplace .InDoor.this {background:#EBF4EB url(../images/in2.png) 95% center no-repeat;color:var(--maincolor);}
.btnplace .OutDoor.this {background:#EBF4EB url(../images/out2.png) 95% center no-repeat;color:var(--maincolor);}

.movebtns a {margin:0 10px;color:var(--white);padding:10px;box-shadow:var(--shadowlight);font-weight:var(--fontbold);background:var(--greydark);float:left}

.mainlinksplace {background: var(--greydark);padding:2%;width: 100%;float: left;}
.mainlinksplace h2 {color:var(--white);font-size:26px;background: url(../images/plane.png) right center no-repeat;padding:0 50px 0 0;margin:0 0 20px 0;font-weight:600}
.mainlinksplace a {color:var(--white);padding:5px 50px 5px 10px;border:1px solid var(--white);background: url(../images/dot3.png) 95% center no-repeat;margin:0 0 10px 10px;font-weight:500}
.mainlinksplace a:hover, .mainlinksplace a:focus {background-color:var(--black)}
.mainlinksplace a span {display:inline-block;margin:0 0 0 10px;font-weight:300}
.mainlinks {display:flex}

.innerbreadcrumbs {display:flex;justify-content: center;}
.innerbreadcrumbs span {display:inline-block;}
.innerbreadcrumbs button {padding:5px;font-size:16px}
.innerbreadcrumbs button span {font-size:36px;font-weight:200}
.innerbreadcrumbs .sep {background: url(../images/sep.png) center center no-repeat;width:38px;background-size:6px;}

.innerbreadcrumbs > div {display:none;}
.innerbreadcrumbs > .active {display:flex;justify-content: center;}
.innerbreadcrumbs button:hover, .innerbreadcrumbs button:focus {color:var(--maincolor)}
.btnicon {padding:80px 0 0 0}

.moderni {background: url(../images/moderni.png) center 0 no-repeat;}
.kafri {background: url(../images/kafri.png) center 0 no-repeat;}
.classi {background: url(../images/classi.png) center 0 no-repeat;}
.ehudi {background: url(../images/ehudi.png) center 0 no-repeat;}

.questionnaire {width:800px;margin:0 auto}

.surveyplace {margin:20px 0 0 0}
.surveyplace .title {text-align:center;margin:0 0 20px 0;font-weight:var(--fontbold)}
.surveyplace .subtitle {text-align:center;margin:20px 0 0 0 ;}
.surveyplace button, .readscene {color:var(--fontcolor);text-align:center;border:1px solid var(--greydark);padding:10px 20px;margin: 0 10px;box-shadow: var(--shadowlight);font-weight: var(--fontbold);} 
.surveyplace button:hover, .surveyplace button:focus, .readscene:hover, .readscene:focus {background:var(--white);border:1px solid transparent}
.surveyplace img {margin:auto;    display: block;}
.surveyplace a span {display:block;text-align:center;font-size: 16px;}

#indoorsubscene4a button, #indoorsubscene4b button, #indoorsubscene4c button, #indoorsubscene4d button {min-height:70px}

.surveyplace .scene .scenegreyplace {background: var(--grey);padding: 4%;}
.surveyplace .scene, .subscene4 {display:none}
.surveyplace .scene.opened, .subscene4.opened {display:block}
.surveyplace .bigtitle {margin: 0 0 3% 0;position: relative;padding: 0 3% 2% 3%;}
.surveyplace .bigtitle span {font-weight: 500;font-size: 40px;letter-spacing: 0;text-align: center;margin: 0 auto 20px auto;display: block;line-height: 100%;}
.surveyplace .bigtitle:after {content: "";display: block;height: 1px;background: var(--greydark);position: absolute;left: 50%;bottom: 0;width: 100%;margin: 0 0 0 -50%;-webkit-animation: titleplaceh1a 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: titleplaceh1a 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

.subscenedoors {display:flex;flex-wrap:wrap}
.subscenedoors a {display:block;width:18%;margin:0 3.5%}

.surveyplace .nobtnicon button {padding:0;box-shadow:none;border:none}
.surveyplace .nobtnicon span {display:block;text-align:center;padding:10px 0}


.scene.opened {-webkit-animation: flip-in-ver-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: flip-in-ver-right 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes flip-in-ver-right {
  0% {-webkit-transform: rotateY(-80deg);transform: rotateY(-80deg);opacity: 0;}
  100% {-webkit-transform: rotateY(0);transform: rotateY(0);opacity: 1;}
}
@keyframes flip-in-ver-right {
  0% {-webkit-transform: rotateY(-80deg);transform: rotateY(-80deg);opacity: 0;}
  100% {-webkit-transform: rotateY(0);transform: rotateY(0);opacity: 1;}
}

.appenddata > div {text-align:center;margin:10px auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;line-height: 100%;    max-width: 1600px;}
.appenddata span {display: flex;margin:2px 5px;align-items: center;font-size:11px;}
.appenddata span:after {content:"←";display:block;margin:0 5px 0 0;font-size:6px;}

html:lang(he) body.tmpregularen {direction:ltr}
.tmpregularen .contactfooter, .tmpregularen .breadcrumbs, .tmpregularen .credits, .tmpregularen #WebSiteMainData {display:none}
html:lang(he) body.tmpregularen .bodyflex > div {    padding: 0 2% 0 0;}
html:lang(he) body.tmpregularen .bodytext p, html:lang(he) body.tmpregularen .bodytext li {direction:ltr;text-align:left}

.tmpregularen .mainmenu {justify-content: flex-end;padding:0 4% 0 0}


.doorswrap {display:flex;position:relative;align-items: flex-start;margin-top:50px;flex-direction: row-reverse;}
.doorswrapbot {display:flex;position:relative;align-items: flex-start;margin:0 0 3% 0}
.doorswrap > div:first-of-type, .doorswrapbot > div:first-of-type {margin: 0 2.5% 0 0;flex: auto;}
.doorswrap > div:nth-of-type(2) {flex: auto;width: 50%}
.doorswrapbot > div:nth-of-type(2) { width: 38%}

#bigdoor {height:690px;    width: 330px;position:relative;margin: auto;z-index: 2;}
#bigdoor > div {height:100%;width:100%;position:absolute;left:0;top:0px;overflow:hidden}

.resultdoor {position:sticky;position: -webkit-sticky;top: 85px;width: 42.5%;}
.resultdoor .greylightplace {padding:6% ;font-size:16px;margin:20px 0;}
.resultdoor .greylightplace p, .resultdoor .greylightplace li {font-size:16px;}

.optionsdoors > div {margin:20px 0 0  0;border-bottom:2px solid var(--greylight);padding:0 0 0px 0}
.optionsdoors h2, .optionsdoors .bigtitle {margin:0 0 10px 0;position:relative;font-size: 20px;font-weight: 600;display: flex;align-items: center;}
.optionsdoors h2 span {margin:0 0 0 10px;}

.handleinplace .btnchoose button span img, .handleoutplace .btnchoose button span img {max-width: 90%;max-height: 80%;}
.colorsplace .btnchoose button span img {max-width: 100%;max-height: 100%;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.griddoorsplace .openclose {float:right;margin:4px 0 0 10px;border:1px solid var(--greydark);width:40px;height:40px;display:flex;align-items: center;justify-content: center;display:none}
.griddoorsplace .openclose:before, .griddoorsplace .openclose:after {content:"";display:block;width:15px;height:1px;background:var(--greydark);position: absolute;}
.griddoorsplace .openclose:after {transform: rotate(90deg);}
.griddoorsplace.opened .openclose:after {display:none}
/*.griddoorsplace.dontshow {display:none}*/

.griddoorsplace .bigtitle {padding:5px 0;position:relative;display: flex;align-items: center;}

.nikelcolors .buttoncolor1, .nikelcolors .buttoncolor2, .nikelcolors .buttoncolor3 {width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--greydark);cursor: pointer;overflow: hidden;margin:0 10px 0 0;}
.nikelcolors .buttoncolor1 {background: #F7F7F9;background: linear-gradient(180deg, rgba(247, 247, 249, 1) 0%, rgba(151, 151, 151, 1) 100%);}
.nikelcolors .buttoncolor2 {background: #323232;background: linear-gradient(360deg, rgba(50, 50, 50, 1) 0%, rgba(151, 151, 151, 1) 100%);}
.nikelcolors .buttoncolor3 {background: #D2A971;background: linear-gradient(360deg, rgba(210, 169, 113, 1) 0%, rgba(254, 246, 223, 1) 100%);}
.nikelcolors .buttoncolor1.this, .nikelcolors .buttoncolor2.this, .nikelcolors .buttoncolor3.this {border:2px solid var(--maincolor);}

.btnchoose {display:none;flex-wrap:wrap;position:relative; width:100%;display:flex;}
.griddoorsplace.opened .btnchoose, .showbtnchoose {display:flex;}

/*.griddoors.btnchoose.showbtnchoose {height:0;overflow:hidden}*/

.doordesigns .griddoorsplace:first-of-type img {opacity:.5;margin:auto}
.doordesigns .close {display:none}

.btnchoose button, .btnchoose a {width:13.42%;margin:0px 0 15px 1%;position:relative;border:1px solid transparent;display: flex;flex-direction: column;align-items: center;}
.griddoorsplace .btnchoose button:nth-of-type(7n), .btnchoose a:nth-of-type(7n) {margin:0 0 15px 0}
.btnchoose button .title, .btnchoose a .title {margin:5px 0;font-size: .85vw;text-transform:uppercase;text-align: center;}
.btnchoose button span, .btnchoose a span {min-height:70px;/*height:110px;display:flex;*/display: flex;width: 100%;background:var(--grey);align-items: center;justify-content: center;overflow:hidden;position:relative;border:1px solid transparent;/*border:1px solid var(--greygrey)*/}
.btnchoose button.this span, .btnchoose a.this span {border:1px solid var(--maincolor);}
.btnchoose button span img, .btnchoose a span img {/*max-width:98%;max-height: 98%;*/display:block;margin: auto;}
.btnchoose button.hide {display:none}
.btnchoose .color1 span, #bigdoor.color1 #front {background:#ececec;}
.btnchoose .color2 span, #bigdoor.color2 #front {background:#efece7;}
.btnchoose .color3 span, #bigdoor.color3 #front {background:#e1e3e0;}
.btnchoose .color4 span, #bigdoor.color4 #front {background:#757575;}
.btnchoose .color5 span, #bigdoor.color5 #front {background:#8f0101;}
.btnchoose .color6 span, #bigdoor.color6 #front {background:#2f447b;}
.btnchoose .color7 span, #bigdoor.color7 #front {background:#232323;}
.btnchoose .color17 span, #bigdoor.color17 #front {background:#b3b3b3;}

.btnchoose .color16 img {max-width:90%}
#bigdoor.color16 #front {background:#ececec;}
#bigdoor.color16 .tambur {display:block}
#bigdoor .tambur {display:none;background:var(--white) url(../images/tambur.png) center 5px no-repeat;border-top:2px solid var(--maincolor);border-bottom:2px solid var(--maincolor);padding:70px 10px 10px 10px;text-align:center;position:absolute;box-shadow:var(--shadowlight);height: auto;z-index:9;font-size:15px;top:auto;left:50%;width: 100px;bottom:15px;margin:0 0 0 -50px;}
#bigdoor .tambur div {font-weight:var(--fontbold);font-size:16px;}

#gridfront {z-index:2;display:flex;align-items: center;justify-content: center;}
#gridfront > div {position:absolute;width: 80%;height:100%}

.tmpdoorout .glasssplace {display:none}

#gridfront.grid2 > div {background: url(../images/grid1nikel.png) center 351px repeat-x;}

#gridfront.grid3 > div {display: flex;align-items: center;}
#gridfront.grid3 > div:after, #gridfront.grid3 > div:before {position: absolute;width: 100%;height: 31px;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;top: 351px;}
#gridfront.grid3 > div:before {background: url(../images/grid1nikel.png) center bottom repeat-x;}

#gridfront.grid4 > div {display: flex;align-items: center;width: 100%;height: 650px;top: 28px;left: 0;}
#gridfront.grid4 .moregrid {display: flex;align-items: center;background: url(../images/grid1nikel.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;top: 303px;}
#gridfront.grid4 .moregrid:after, #gridfront.grid4 .moregrid:before {position: absolute;width: 100%;height: 340px;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
#gridfront.grid4 .moregrid:before {background: url(../images/grid1nikel.png) center bottom repeat-x;}

#gridfront.grid5 > div {height: 80%;top:20%}
#gridfront.grid5 > div div:after, #gridfront.grid5 > div div:before {position: absolute;width: 100%;height: 25%;left:0;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
#gridfront.grid5 > div div:before {background: url(../images/grid1nikel.png) center bottom repeat-x;}
#gridfront.grid5 > div div {height:50%;    background: none;}

#gridfront.grid5 > div.buttoncolor2 div:after, #gridfront.grid5 > div.buttoncolor2 div:before {background: url(../images/grid1nikelbuttoncolor2.png) center 0 repeat-x;}
#gridfront.grid5 > div.buttoncolor2 div:before {background: url(../images/grid1nikelbuttoncolor2.png) center bottom repeat-x;}
#gridfront.grid5 > div.buttoncolor3 div:after, #gridfront.grid5 > div.buttoncolor3 div:before {background: url(../images/grid1nikelbuttoncolor3.png) center 0 repeat-x;}
#gridfront.grid5 > div.buttoncolor3 div:before {background: url(../images/grid1nikelbuttoncolor3.png) center bottom repeat-x;}

#gridfront.grid7 > div {display: flex;align-items: center;width: 100%;height: 650px;top: 28px;left: 0;}
#gridfront.grid7 .moregrid {display: flex;align-items: center;background: url(../images/grid1nikel.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;top: 320px;}
#gridfront.grid7 .moregrid:after, #gridfront.grid7 .moregrid:before {position: absolute;width: 100%;height: 60px;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
#gridfront.grid7 .moregrid:before {background: url(../images/grid1nikel.png) center bottom repeat-x;}

#gridfront.grid7 .buttoncolor2 .moregrid {background: url(../images/grid1nikelbuttoncolor2.png) center center repeat-x;}
#gridfront.grid7 .buttoncolor2 .moregrid:after, #gridfront.grid7 .buttoncolor2 .moregrid:before {background: url(../images/grid1nikelbuttoncolor2.png) center 0 repeat-x;}
#gridfront.grid7 .buttoncolor2 .moregrid:before {background: url(../images/grid1nikelbuttoncolor2.png) center bottom repeat-x;}
#gridfront.grid7 .buttoncolor3 .moregrid {background: url(../images/grid1nikelbuttoncolor3.png) center center repeat-x;}
#gridfront.grid7 .buttoncolor3 .moregrid:after, #gridfront.grid7 .buttoncolor3 .moregrid:before {background: url(../images/grid1nikelbuttoncolor3.png) center 0 repeat-x;}
#gridfront.grid7 .buttoncolor3 .moregrid:before {background: url(../images/grid1nikelbuttoncolor3.png) center bottom repeat-x;}


#gridfront.grid7a > div {display: flex;align-items: center;width: 100%;height: 650px;top: 28px;left: 0;}
#gridfront.grid7a .moregrid {display: flex;align-items: center;background: url(../images/grid1nikel.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;top: 75%;}
#gridfront.grid7a .moregrid:after, #gridfront.grid7a .moregrid:before {position: absolute;width: 100%;height: 60px;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
#gridfront.grid7a .moregrid:before {background: url(../images/grid1nikel.png) center bottom repeat-x;}

#gridfront.grid7a .buttoncolor2 .moregrid {background: url(../images/grid1nikelbuttoncolor2.png) center center repeat-x;}
#gridfront.grid7a .buttoncolor2 .moregrid:after, #gridfront.grid7a .buttoncolor2 .moregrid:before {background: url(../images/grid1nikelbuttoncolor2.png) center 0 repeat-x;}
#gridfront.grid7a .buttoncolor2 .moregrid:before {background: url(../images/grid1nikelbuttoncolor2.png) center bottom repeat-x;}
#gridfront.grid7a .buttoncolor3 .moregrid {background: url(../images/grid1nikelbuttoncolor3.png) center center repeat-x;}
#gridfront.grid7a .buttoncolor3 .moregrid:after, #gridfront.grid7a .buttoncolor3 .moregrid:before {background: url(../images/grid1nikelbuttoncolor3.png) center 0 repeat-x;}
#gridfront.grid7a .buttoncolor3 .moregrid:before {background: url(../images/grid1nikelbuttoncolor3.png) center bottom repeat-x;}



#gridfront.grid8 > div {display: flex;align-items: center;background: url(../images/grid4.png) 70px bottom repeat-y;width: 100%;height: 650px;top: 28px;left: 0;}
#gridfront.grid8 > div:after, #gridfront.grid8 > div:before {position: absolute;width: 2px;height: 100%;content: "";display: block;background: url(../images/grid4.png) center 0 repeat-y;left: 90px;}
#gridfront.grid8 > div:before {background: url(../images/grid4.png) center bottom repeat-y;left: 110px;}

#gridfront.grid8a > div {display: flex;align-items: center;background: url(../images/grid2white.png) 258px bottom repeat-y;width: 100%;height: 665px;top: 28px;right: 0;}
#gridfront.grid8a > div:after, #gridfront.grid8a > div:before {position: absolute;width: 3px;height: 100%;content: "";display: block;background: url(../images/grid2white.png) center 0 repeat-y;right: 90px;}
#gridfront.grid8a > div:before {background: url(../images/grid2white.png) center bottom repeat-y;right: 110px;}

#gridfront.grid9 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid9.png);mask-image: url(../images/grid9.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 295px;mask-position: center 295px;}
#gridfront.grid9:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid9shadow.png) center 295px no-repeat;}

#gridfront.grid10 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid10.png);mask-image: url(../images/grid10.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 245px;mask-position: center 245px;}
#gridfront.grid10:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid10shadow.png) center 245px no-repeat;}

#gridfront.grid11 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid11.png);mask-image: url(../images/grid11.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 0px;mask-position: center 30px;}
#gridfront.grid11:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid11shadow.png) center 30px no-repeat;}

#gridfront.grid12 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid12.png);mask-image: url(../images/grid12.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 0;mask-position: center 30px;}
#gridfront.grid12:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid12shadow.png) center 30px no-repeat;}

#gridfront.grid13 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid13.png);mask-image: url(../images/grid13.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: left 0;mask-position: left 0;}
#gridfront.grid13:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid13shadow.png) 5px 5px no-repeat;}

#gridfront.grid13a > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid13a.jpg);mask-image: url(../images/grid13a.jpg);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: left 0;mask-position: left 0;}
#gridfront.grid13a:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid13ashadow.png) 5px 5px no-repeat;}

#gridfront.grid13b > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid13b.png);mask-image: url(../images/grid13b.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: left 0;mask-position: left 0;}
#gridfront.grid13b:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid13bshadow.png) 5px 5px no-repeat;}

#gridfront.grid13c > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid13c.png);mask-image: url(../images/grid13c.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: left 0;mask-position: left 0;}
#gridfront.grid13c:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid13cshadow.png) 5px 5px no-repeat;}

#gridfront.grid14 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid14.png);mask-image: url(../images/grid14.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: 5px center;mask-position: 5px center;}
#gridfront.grid14:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid14shadow.png) left center no-repeat;}

#gridfront.grid15 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid15.png);mask-image: url(../images/grid15.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 10px;mask-position: center 10px;}
#gridfront.grid15:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid15shadow.png) center 0px no-repeat;}

#gridfront.grid16 > div {width: 180px;height: 560px;-webkit-mask-image: url(../images/grid16.png);mask-image: url(../images/grid16.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center 10px;mask-position: center -10px;zoom:.9}
#gridfront.grid16:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid16shadow.png) center 5px no-repeat;zoom:.9}

#gridfront.grid16a > div {width: 180px;height: 560px;-webkit-mask-image: url(../images/grid16a.png);mask-image: url(../images/grid16a.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center 10px;mask-position: center -10px;zoom:.9}
#gridfront.grid16a:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid16ashadow.png) center 5px no-repeat;zoom:.9}

#gridfront.grid16b > div {width: 180px;height: 560px;-webkit-mask-image: url(../images/grid16b.png);mask-image: url(../images/grid16b.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center 10px;mask-position: center -10px;zoom:.9}
#gridfront.grid16b:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid16bshadow.png) center 5px no-repeat;zoom:.9}

#gridfront.grid16c > div {    width: 80%;height: 100%;-webkit-mask-image: url(../images/grid16c.png);mask-image: url(../images/grid16c.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center 5px;mask-position: center 5px;zoom:.9}
#gridfront.grid16c:after {content: "";display: block;    width: 80%;height: 100%;background: url(../images/grid16cshadow.png) center 5px no-repeat;zoom:.9}

#gridfront.grid26 > div {width: 180px;height: 560px;-webkit-mask-image: url(../images/grid26.png);mask-image: url(../images/grid26.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center 10px;mask-position: center 0px;zoom:.9}
#gridfront.grid26:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid26shadow.png) center 5px no-repeat;zoom:.9}

#gridfront.grid17 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid17.png);mask-image: url(../images/grid17.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center center;mask-position: center center;}
#gridfront.grid17:after {content:"";display:block;width: 190px;height: 590px;background: url(../images/grid17shadow.png) center center no-repeat;}

#gridfront.grid18 > div {width: 190px;height: 600px;-webkit-mask-image: url(../images/grid18.png);mask-image: url(../images/grid18.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: 135px 10px;mask-position: 135px 10px;top: 60px;}
#gridfront.grid18:after {content:"";display:block;width: 190px;height: 600px;background: url(../images/grid18shadow.png) right 15px no-repeat;}

#gridfront.grid27 > div {background: url(../images/grid27.png) center 15px no-repeat;    background-size: cover;}
#gridfront.grid27a > div {background: url(../images/grid27light.png) center 28px no-repeat;opacity: .3;}

#gridfront.grid28 > div {background: url(../images/grid28.png) center 15px no-repeat;    background-size: cover;}
/*#gridfront.grid28 > div:after, #gridfront.grid28 > div:before {position: absolute;top: 0px;width: 100%;left: 0%;height: 100%;content:"";display:block;background: url(../images/grid1a.png) center bottom repeat-x;}
#gridfront.grid28 > div:after {background: url(../images/grid4a.png) left 0 repeat-y;}
#gridfront.grid28 > div div {background: url(../images/grid4.png) right 0 repeat-y;width: 100%;height: 50%;}
	*/
#gridfront.grid28a > div {width: 190px;height: 570px;background: url(../images/grid1white.png) center 0 repeat-x;opacity:.5}
#gridfront.grid28a > div:after, #gridfront.grid28a > div:before {position: absolute;top: 0px;width: 100%;left: 0%;height: 100%;content:"";display:block;background: url(../images/grid1white.png) center bottom repeat-x;}
#gridfront.grid28a > div:after {background: url(../images/grid2white.png) left 0 repeat-y;}
#gridfront.grid28a > div div {background: url(../images/grid2white.png) right 0 repeat-y;width: 100%;height: 50%;}

#gridfront.grid29 > div {    display: flex;align-items: center;background: url(../images/grid2white.png) 100px bottom repeat-y;width: 100%;height: 665px;top: 28px;left: 0;}
/*#gridfront.grid29 > div:after,*/ #gridfront.grid29 > div:before {position: absolute;width: 4px;height: 100%;content:"";display:block;background: url(../images/grid2white.png) center 0 repeat-y;left:100px;}
#gridfront.grid29 > div:before {background: url(../images/grid2white.png) center bottom repeat-y;left:130px;}

#gridfront.grid29 .moregrid {display: flex;align-items: center;/*background: url(../images/grid1white.png) center center repeat-x;*/height: 10%;width: 80%;position: absolute;left: 33px;top: 320px;}
#gridfront.grid29 .moregrid:after, #gridfront.grid29 .moregrid:before {position: absolute;width: 100%;height: 60px;content:"";display:block;background: url(../images/grid1white.png) center 0 repeat-x;}
#gridfront.grid29 .moregrid:before {background: url(../images/grid1white.png) center bottom repeat-x;}

#gridfront.grid29a > div {    display: flex;align-items: center;background: url(../images/grid2white.png) 70px bottom repeat-y;width: 100%;height: 650px;top: 28px;left: 0;opacity:.5}
#gridfront.grid29a > div:after, #gridfront.grid29a > div:before {position: absolute;width: 3px;height: 100%;content:"";display:block;background: url(../images/grid2white.png) center 0 repeat-y;left:100px;}
#gridfront.grid29a > div:before {background: url(../images/grid2white.png) center bottom repeat-y;left:130px;}

#gridfront.grid29a .moregrid {display: flex;align-items: center;background: url(../images/grid1white.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;top: 320px;opacity:.5}
#gridfront.grid29a .moregrid:after, #gridfront.grid29a .moregrid:before {position: absolute;width: 100%;height: 60px;content:"";display:block;background: url(../images/grid1white.png) center 0 repeat-x;}
#gridfront.grid29a .moregrid:before {background: url(../images/grid1white.png) center bottom repeat-x;}

#gridfront.grid20 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid20.png);mask-image: url(../images/grid20.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 26px;mask-position: center 26px;}
#gridfront.grid20:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid20shadow.png) center 16px no-repeat;}

#gridfront.grid21 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid21.png);mask-image: url(../images/grid21.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 26px;mask-position: center 26px;}
#gridfront.grid21:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid21shadow.png) center 16px no-repeat;}

#gridfront.grid22 > div {width: 82px;height: 388px;mask-image: linear-gradient(#ff0000 100%, transparent 0);}
#gridfront.grid22:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid22shadow.png) center center no-repeat;}

#gridfront.grid23 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid23.png);mask-image: url(../images/grid23.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 110px;mask-position: center 110px;}
#gridfront.grid23:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid23shadow.png) center 110px no-repeat;}

#gridfront.grid24 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid24.png);mask-image: url(../images/grid24.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center center;mask-position: center center;}
#gridfront.grid24:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid24shadow.png) center 16px no-repeat;}

#gridfront.grid25 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid25.png);mask-image: url(../images/grid25.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 55px;mask-position: center 55px;}
#gridfront.grid25:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid25shadow.png) center 55px no-repeat;}


#gridfront.grid30 > div {height: 650px;top: 28px;width: 80%; background: url(../images/grid4.png) center bottom repeat-y;}
#gridfront.grid30 > div div:after, #gridfront.grid30 > div div:before {position: absolute;width: 100%;height:100%;left:0;content:"";display:block;background: url(../images/grid1.png) center 20% repeat-x;}
#gridfront.grid30 > div div:before {background: url(../images/grid1.png) center 40% repeat-x;}
#gridfront.grid30 > div div {height:100%;background: none;position: absolute;width: 100%;}
#gridfront.grid30 > div div:nth-of-type(2n):after, #gridfront.grid30 > div div:nth-of-type(2n):before {background: url(../images/grid1.png) center 60% repeat-x;}
#gridfront.grid30 > div div:nth-of-type(2n):before  {background: url(../images/grid1.png) center 80% repeat-x;}

#gridfront.grid30a > div {height: 650px;top: 28px;width: 80%; background: url(../images/grid2white.png) center bottom repeat-y;opacity:.5}
#gridfront.grid30a > div div:after, #gridfront.grid30a > div div:before {position: absolute;width: 100%;height:100%;left:0;content:"";display:block;background: url(../images/grid1white.png) center 20% repeat-x;}
#gridfront.grid30a > div div:before {background: url(../images/grid1white.png) center 40% repeat-x;}
#gridfront.grid30a > div div {height:100%;background: none;position: absolute;width: 100%;}
#gridfront.grid30a > div div:nth-of-type(2n):after, #gridfront.grid30a > div div:nth-of-type(2n):before {background: url(../images/grid1white.png) center 60% repeat-x;}
#gridfront.grid30a > div div:nth-of-type(2n):before  {background: url(../images/grid1white.png) center 80% repeat-x;}

#gridfront.grid31 > div {background: url(../images/bitin.png) center 28px no-repeat;/*background-size: contain;*/}
#gridfront.grid32 > div { background: url(../images/moon.png) -25px 29px no-repeat;background-size: 309px;}
#gridfront.grid33 > div {background: url(../images/nok.png) center 28px no-repeat;}

#gridfront.grid41 > div {background: url(../images/linero.png) center 28px no-repeat;}
#gridfront.grid42 > div {background: url(../images/cross.png) center 28px no-repeat;}

/*#gridfront.grid34 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid41.png);mask-image: url(../images/grid41.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center bottom;mask-position: center bottom;}*/
#gridfront.grid34 > div {width: 190px;height: 572px;/*background: url(../images/grid41.png) center bottom no-repeat;*/}
/*#gridfront.grid34:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid9noshadow.png) center bottom no-repeat;}*/
#gridfront.grid34 #glass {display:none}

.color1 #gridfront.grid34 > div {background: url(../images/shutterdoor1a.png) center bottom no-repeat;}
.color2 #gridfront.grid34 > div {background: url(../images/shutterdoor1b.png) center bottom no-repeat;}
.color4 #gridfront.grid34 > div {background: url(../images/shutterdoor1c.png) center bottom no-repeat;}
.color7 #gridfront.grid34 > div {background: url(../images/shutterdoor1d.png) center bottom no-repeat;}
.color12 #gridfront.grid35 > div {background: url(../images/shutterdoor1a.png) center bottom no-repeat;}
.color13 #gridfront.grid35 > div {background: url(../images/shutterdoor1a.png) center bottom no-repeat;}

/*#gridfront.grid35 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid35.png);mask-image: url(../images/grid35.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center bottom;mask-position: center bottom;}*/
#gridfront.grid35 > div {width: 190px;height: 572px;}
/*#gridfront.grid35:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid35noshadow.png) center bottom no-repeat;}*/
#gridfront.grid35 #glass {display:none}

.color1 #gridfront.grid35 > div {background: url(../images/shutterdoor2a.png) center bottom no-repeat;}
.color2 #gridfront.grid35 > div {background: url(../images/shutterdoor2b.png) center bottom no-repeat;}
.color4 #gridfront.grid35 > div {background: url(../images/shutterdoor2c.png) center bottom no-repeat;}
.color7 #gridfront.grid35 > div {background: url(../images/shutterdoor2d.png) center bottom no-repeat;}
.color12 #gridfront.grid35 > div {background: url(../images/shutterdoor2a.png) center bottom no-repeat;}
.color13 #gridfront.grid35 > div {background: url(../images/shutterdoor2a.png) center bottom no-repeat;}

#gridfront.grid36 > div {height: 650px;top: 28px;left: 0;}
#gridfront.grid36 > div:after, #gridfront.grid36 > div:before {position: absolute;width: 15px;height: 100%;content: "";display: block;background:var(--black);left: 80px;}
#gridfront.grid36 > div:before {width:1px;background:var(--greydark);z-index: 2;}
#gridfront.grid36.grid36gold > div:after {background:#82612b}

#gridfront.grid37 > div {display: flex;align-items: center;background: url(../images/grid4nikel.png) 70px bottom repeat-y;width: 100%;height: 665px;top: 28px;left: 0;}
#gridfront.grid37 > div:after, #gridfront.grid37 > div:before {position: absolute;width: 4px;height: 100%;content: "";display: block;background: url(../images/grid4nikel.png) center 0 repeat-y;left: 90px;}
#gridfront.grid37 > div:before {background: url(../images/grid4nikel.png) center bottom repeat-y;left: 110px;}

#gridfront.grid37 > div.buttoncolor2 {background: url(../images/grid4nikelbuttoncolor2.png) 70px bottom repeat-y;}
#gridfront.grid37 > div.buttoncolor2:after, #gridfront.grid37.buttoncolor2 > div:before {background: url(../images/grid4nikelbuttoncolor2.png) center 0 repeat-y;}
#gridfront.grid37 > div.buttoncolor2:before {background: url(../images/grid4nikelbuttoncolor2.png) center bottom repeat-y;}
#gridfront.grid37 > div.buttoncolor3 {background: url(../images/grid4nikelbuttoncolor3.png) 70px bottom repeat-y;}
#gridfront.grid37 > div.buttoncolor3:after, #gridfront.grid37.buttoncolor3 > div:before {background: url(../images/grid4nikelbuttoncolor3.png) center 0 repeat-y;}
#gridfront.grid37 > div.buttoncolor3:before {background: url(../images/grid4nikelbuttoncolor3.png) center bottom repeat-y;}

#gridfront.grid37a > div {display: flex;align-items: center;background: url(../images/grid4nikel.png) 258px bottom repeat-y;width: 100%;height: 665px;top: 28px;right: 0;}
#gridfront.grid37a > div:after, #gridfront.grid37a > div:before {position: absolute;width: 4px;height: 100%;content: "";display: block;background: url(../images/grid4nikel.png) center 0 repeat-y;right: 90px;}
#gridfront.grid37a > div:before {background: url(../images/grid4nikel.png) center bottom repeat-y;right: 110px;}

#gridfront.grid37a > div.buttoncolor2 {background: url(../images/grid4nikelbuttoncolor2.png) 258px bottom repeat-y;}
#gridfront.grid37a > div.buttoncolor2:after, #gridfront.grid37a > div.buttoncolor2:before {background: url(../images/grid4nikelbuttoncolor2.png) center 0 repeat-y;}
#gridfront.grid37a > div.buttoncolor2:before {background: url(../images/grid4nikelbuttoncolor2.png) center bottom repeat-y;}
#gridfront.grid37a > div.buttoncolor3 {background: url(../images/grid4nikelbuttoncolor3.png) 258px bottom repeat-y;}
#gridfront.grid37a > div.buttoncolor3:after, #gridfront.grid37a > div.buttoncolor3:before {background: url(../images/grid4nikelbuttoncolor3.png) center 0 repeat-y;}
#gridfront.grid37a > div.buttoncolor3:before {background: url(../images/grid4nikelbuttoncolor3.png) center bottom repeat-y;}


#gridfront.grid38 > div {height: 80%;top:20%}
#gridfront.grid38 > div div:after, #gridfront.grid38 > div div:before {position: absolute;width: 100%;height: 25%;left:0;content:"";display:block;background: url(../images/grid1.png) center 0 repeat-x;}
#gridfront.grid38 > div div:before {background: url(../images/grid1.png) center bottom repeat-x;}
#gridfront.grid38 > div div {height:50%;    background: none;}

#gridfront.grid39 > div {display: flex;align-items: center;width: 100%;height: 650px;top: 28px;left: 0;}
#gridfront.grid39 .moregrid {display: flex;align-items: center;background: url(../images/grid1.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;top: 320px;}
#gridfront.grid39 .moregrid:after, #gridfront.grid39 .moregrid:before {position: absolute;width: 100%;height: 60px;content:"";display:block;background: url(../images/grid1.png) center 0 repeat-x;}
#gridfront.grid39 .moregrid:before {background: url(../images/grid1.png) center bottom repeat-x;}

#gridfront.grid39a > div {display: flex;align-items: center;width: 100%;height: 650px;top: 28px;left: 0;opacity:.5}
#gridfront.grid39a .moregrid {display: flex;align-items: center;background: url(../images/grid1white.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;top: 320px;}
#gridfront.grid39a .moregrid:after, #gridfront.grid39a .moregrid:before {position: absolute;width: 100%;height: 60px;content:"";display:block;background: url(../images/grid1white.png) center 0 repeat-x;}
#gridfront.grid39a .moregrid:before {background: url(../images/grid1white.png) center bottom repeat-x;}

#gridfront.grid38a > div {height: 80%;top:20%;}
#gridfront.grid38a > div div:after, #gridfront.grid38a > div div:before {position: absolute;width: 100%;height: 25%;left:0;content:"";display:block;background: url(../images/grid1white.png) center 0 repeat-x;}
#gridfront.grid38a > div div:before {background: url(../images/grid1white.png) center bottom repeat-x;}
#gridfront.grid38a > div div {height:50%;    background: none;}

#gridfront.grid43 > div {background: url(../images/grid43.png) center center no-repeat;background-size: cover;}
#gridfront.grid44 > div {background: url(../images/grid44.png) center center no-repeat;background-size: cover;}

#gridfront.grid45 > div {background: url(../images/grid45.png) center center no-repeat;background-size: cover;}
#gridfront.grid46 > div {background: url(../images/grid46.png) center center no-repeat;background-size: cover;}

#gridfront.grid45 > div.buttoncolor2 {background: url(../images/grid45buttoncolor2.png) center center no-repeat;background-size: cover;}
#gridfront.grid46 > div.buttoncolor2 {background: url(../images/grid46buttoncolor2.png) center center no-repeat;background-size: cover;}
#gridfront.grid45 > div.buttoncolor3 {background: url(../images/grid45buttoncolor3.png) center center no-repeat;background-size: cover;}
#gridfront.grid46 > div.buttoncolor3 {background: url(../images/grid46buttoncolor3.png) center center no-repeat;background-size: cover;}


.color1 #gridfront.grid40 {background:var(--white) url(../images/grid40.jpg) center bottom no-repeat;background-size: contain;z-index: 10;}
.color2 #gridfront.grid40 {background:var(--white) url(../images/grid40b.jpg) center bottom no-repeat;background-size: contain;z-index: 10;}

#jamb {z-index:3}

#jamb:before {content:"";display:block;width: 80%;height:15px;position:absolute;left:10%;bottom:0;background:#fff;z-index: 5;display:none}
#jamb > div, #jamb > div span {position:absolute;width:100%;height:100%;left:0;top:0;}
#jamb > div span:after {content:"";display:block;width:20px;position:absolute;left:0;top:0;background: rgb(0,0,0);background: linear-gradient(270deg, rgba(0,0,0,0.3029586834733894) 0%, rgba(0,0,0,0) 100%);}

#jamb .top {height: 35px;left: 10%;width: 80%;z-index:3}
#jamb .top:after {content:"";display:block;width: 100%;top: 80%;left: 0%;position:absolute;height: 15px;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.3029586834733894) 0%, rgba(0,0,0,0) 100%);}
#jamb .top span, #jamb .left span, #jamb .right span {position:relative;display:block}
#jamb .top span:after, #jamb .top span:before {width:1px;height:28px;content:"";display:block;position:absolute;background:rgba(0, 0, 0, 0.2);left:0;top:0}
#jamb .top span:before {left:auto;right:0}

#jamb .left {width:10%;z-index:2;}
#jamb .left:after {content:"";display:block;width:2px;height:100%;position:absolute;left:99%;top:28px;background: rgb(255,255,255);background: linear-gradient(220deg, rgba(255,255,255,0.20211834733893552) 50%, rgba(255,255,255,0) 100%);}
#jamb .left span:after {left: 100%;height: 100%;top: 28px;width: 10px;transform: rotate(180deg);}
#jamb .right {width:10%;left:auto;right:0;z-index:2;}
#jamb .right span:after {left: -20px;height: 100%;top: 28px;}


#jamb.lock1 {background: url(../images/lock1.png) 26px 365px no-repeat;background-size: 60px;}
#jamb.lock2 {background: url(../images/lock2.png) 26px 365px no-repeat;background-size: 60px;}
#jamb.lock3 {background: url(../images/lock3.png) 26px 365px no-repeat;background-size: 60px;}
#jamb.lock4 {background: url(../images/lock4.png) 26px 365px no-repeat;background-size: 60px;}
#jamb.lock5 {background: url(../images/lock5.png) 26px 365px no-repeat;background-size: 60px;}

#decree.decree1 {background: url(../images/decree1.png) center 30px no-repeat;}
#decree.decree2 {background: url(../images/decree6.png) center 30px no-repeat;}
#decree.decree3 {background: url(../images/decree3.png) center 30px no-repeat;}
#decree.decree4 {background: url(../images/decree4.png) center 30px no-repeat;}
#decree.decree5 {background: url(../images/decree5.png) center 30px no-repeat;}
#decree.decree6 {background: url(../images/decree2.png) center 30px no-repeat;}
.btnchoose .decree0 {display:none}

#bigdoor #Mezuzah {width: 70px;height: 70px;left: auto;right: -20px;top: 40px;}
#Mezuzah.Mezuzah1 {background: url(../images/Mezuzah1.png) center center no-repeat;}
#Mezuzah.Mezuzah2 {background: url(../images/Mezuzah2.png) center center no-repeat;}
#Mezuzah.Mezuzah3 {background: url(../images/Mezuzah3.png) center center no-repeat;}
#Mezuzah.Mezuzah4 {background: url(../images/Mezuzah4.png) center center no-repeat;}

#bigdoor.diagonal #Mezuzah {transform: rotate(15deg);}

.Mezuzahdoorsplace h2 button {padding:2px 4px;font-size:12px;background:var(--greylight);border:1px solid var(--greydark);margin:0 10px 0 0;border-radius:30px;}
.Mezuzahdoorsplace h2 button.this {border: 2px solid var(--maincolor);}

.btnchoose .Mezuzah0 {display:none}

#window {z-index:4}

.glassdoorsplace .glassdoors {display:none}
.glassdoorsplace.opened .glassdoors {display:flex}
.glassdoorsplace h2 {opacity:.5}
.glassdoorsplace.opened h2 {opacity:1}

.grid20 #glass, .grid21 #glass, .grid22 #glass, .grid23 #glass, .grid24 #glass, .grid25 #glass, .grid26 #glass, .grid11 #glass, .grid12 #glass, .grid13 #glass, .grid13a #glass,
.grid14 #glass, .grid10 #glass, .grid9 #glass, .grid15 #glass, .grid16 #glass, .grid17 #glass, .grid18 #glass, .grid34 #glass, .grid35 #glass,
.grid13b #glass, .grid13c #glass, .grid13d #glass, .grid13e #glass, .grid13f #glass, .grid13g #glass, .grid13h #glass, .grid16a #glass, .grid16b #glass, .grid16c #glass,
.grid13i #glass, .grid13j #glass, .grid13k #glass, .grid13l #glass, .grid13m #glass, .grid13n #glass, .grid13o #glass {z-index:5;width:100%;height:100%;position:relative}

.grid9 #glass, .grid10 #glass, .grid11 #glass, .grid12 #glass, .grid13 #glass, .grid13a #glass, .grid14 #glass, .grid15 #glass, .grid16 #glass, .grid17 #glass, .grid18 #glass, .grid35 #glass, 
.grid13b #glass, .grid13c #glass, .grid13d #glass, .grid13e #glass, .grid13f #glass, .grid13g #glass, .grid13h #glass, .grid16a #glass, .grid16b #glass, .grid16c #glass,
.grid13i #glass, .grid13j #glass, .grid13k #glass, .grid13l #glass, .grid13m #glass, .grid13n #glass, .grid13o #glass {background: url(../images/glass1.jpg) center center no-repeat;background-size: cover;}

#glass.glass1 {background: url(../images/glass1.jpg) center center no-repeat;background-size: cover;}
#glass.glass2 {background: url(../images/glass2.jpg) center center no-repeat;background-size: cover;}
#glass.glass3 {background: url(../images/glass3.jpg) center center no-repeat;background-size: cover;}
#glass.glass4 {background: url(../images/glass4.jpg) center center no-repeat;background-size: cover;}
#glass.glass5 {background: url(../images/glass5.jpg) center center no-repeat;background-size: cover;}
#glass.glass6 {background: url(../images/glass6a.jpg) center center no-repeat;background-size: cover;}
#glass.glass7 {background: url(../images/glass7.jpg) center -25px no-repeat;/*background-size: cover;*/}

.btnchoose .glass1 span {background: url(../images/glass1.jpg) center center no-repeat;background-size: cover;}
.btnchoose .glass2 span {background: url(../images/glass2.jpg) center center no-repeat;background-size: cover;}
.btnchoose .glass3 span {background: url(../images/glass3.jpg) center center no-repeat;background-size: cover;}
.btnchoose .glass4 span {background: url(../images/glass4.jpg) center center no-repeat;background-size: cover;}
.btnchoose .glass5 span {background: url(../images/glass5.jpg) center center no-repeat;background-size: cover;}
.btnchoose .glass6 span {background: url(../images/glass6a.jpg) center center no-repeat;background-size: cover;}
.btnchoose .glass7 span {background: url(../images/glass7.jpg) center center no-repeat;background-size: cover;}

#handle {z-index:6}
#handle.handle1 {background: url(../images/malaga.png) 40px 342px no-repeat;}
#handle.handle2 {background: url(../images/firenca.png) 40px 342px no-repeat;}
#handle.handle3 {background: url(../images/bolonia.png) 40px 342px no-repeat;}
#handle.handle4 {background: url(../images/bergamo.png) 40px 342px no-repeat;}
#handle.handle5 {background: url(../images/granada.png) 40px 342px no-repeat;}
#handle.handle6 {background: url(../images/cicilia.png) 40px 342px no-repeat;}
#handle.handle7 {background: url(../images/cirih.png) 40px 342px no-repeat;}
#handle.handle8 {background: url(../images/venecia.png) 40px 342px no-repeat;}
#handle.handle9 {background: url(../images/pariz2.png) 40px 342px no-repeat;}
#handle.handle10 {background: url(../images/highline.png) 40px 342px no-repeat;}
#handle.handle11 {background: url(../images/shkua.png) 40px 342px no-repeat;}
#handle.handle12 {background: url(../images/atuna.png) 40px 342px no-repeat;}
#handle.handle13 {background: url(../images/Barcelona.png) 40px 342px no-repeat;}
#handle.handle14 {background: url(../images/Andora.png) 40px 342px no-repeat;}

.btnchoose .handle14b span {background: var(--grey) url(../images/Andora2.png) center 10px no-repeat;}
.btnchoose .handle14a span {background: var(--grey) url(../images/Andora.png) center 10px no-repeat;}
#handlecolor.handle14b {background: url(../images/Andora2.png) 40px 342px no-repeat;}
#handlecolor.handle14a {background: url(../images/Andora.png) 40px 342px no-repeat;}

.btnchoose .handle13f span {background: var(--grey) url(../images/Barcelona2.png) center 10px no-repeat;}
.btnchoose .handle13a span {background: var(--grey) url(../images/Barcelona.png) center 10px no-repeat;}
#handlecolor.handle13f {background: url(../images/Barcelona2.png) 40px 342px no-repeat;}
#handlecolor.handle13a {background: url(../images/Barcelona.png) 40px 342px no-repeat;}

#handlecolor {z-index:6}

#handlecolor.handle1d {background: url(../images/malaga2.png) 40px 342px no-repeat;}
#handlecolor.handle1f {background: url(../images/malaga3.png) 40px 342px no-repeat;}

.btnchoose .handle1d span {background: var(--grey) url(../images/malaga2.png) center 10px no-repeat;}
.btnchoose .handle1f span {background: var(--grey) url(../images/malaga3.png) center 10px no-repeat;}

#handlecolor.handle5a {background: url(../images/granada.png) 40px 342px no-repeat;}
#handlecolor.handle5handle5f {background: url(../images/granada4.png) 40px 342px no-repeat;}
#handlecolor.handle5b {background: url(../images/granada2.png) 40px 342px no-repeat;}
#handlecolor.handle5d {background: url(../images/granada3.png) 40px 342px no-repeat;}

.btnchoose .handle5a span {background: var(--grey) url(../images/granada.png) center 10px no-repeat;}
.btnchoose .handle5handle5f span {background: var(--grey) url(../images/granada4.png) center 10px no-repeat;}
.btnchoose .handle5b span {background: var(--grey) url(../images/granada2.png) center 10px no-repeat;}
.btnchoose .handle5d span {background: var(--grey) url(../images/granada3.png) center 10px no-repeat;}
	
#handlecolor.handle8a {background: url(../images/venecia.png) 40px 342px no-repeat;}
#handlecolor.handle8f {background: url(../images/venecia2.png) 40px 342px no-repeat;}
.btnchoose .handle8a span {background: var(--grey) url(../images/venecia.png) center center no-repeat;}
.btnchoose .handle8f span {background: var(--grey) url(../images/venecia2.png) center center no-repeat;}

#handlecolor.handle10c {background: url(../images/highline3.png) 40px 342px no-repeat;}
#handlecolor.handle10e {background: url(../images/highline2.png) 40px 342px no-repeat;}
#handlecolor.handle10f {background: url(../images/highline.png) 40px 342px no-repeat;}

#handlecolor.handle10d {background: url(../images/highline4.png) 40px 342px no-repeat;}

.btnchoose .handle10c span {background: var(--grey) url(../images/highline3.png) center center no-repeat;}
.btnchoose .handle10e span {background: var(--grey) url(../images/highline2.png) center center no-repeat;}
.btnchoose .handle10f span {background: var(--grey) url(../images/highline.png) center center no-repeat;}
.btnchoose .handle10d span {background: var(--grey) url(../images/highline4.png) center center no-repeat;}

#handlecolor.handle2a {background: url(../images/firenca.png) 40px 342px no-repeat;}
#handlecolor.handle2d {background: url(../images/firenca2.png) 40px 342px no-repeat;}
#handlecolor.handle2b {background: url(../images/firenca3.png) 40px 342px no-repeat;}
.btnchoose .handle2a span {background: var(--grey) url(../images/firenca.png) center center no-repeat;}
.btnchoose .handle2d span {background: var(--grey) url(../images/firenca2.png) center center no-repeat;}
.btnchoose .handle2b span {background: var(--grey) url(../images/firenca3.png) center center no-repeat;}

.optionsdoors .doorsbreadcrumbs {margin:4% 0;border:1px solid var(--greydark);padding:5px;}
.optionsdoors .doorsbreadcrumbs h2 {background:var(--maincolor);padding:5px 10px;color:var(--white);font-size:20px;font-weight:var(--fontbold);margin:0}
.optionsdoors .doorsbreadcrumbs > div {display:flex;border-bottom:1px solid var(--grey);background:var(--greylight)}
.optionsdoors .doorsbreadcrumbs > div span {display:block;padding:5px 10px;/*direction: ltr;*/}
.optionsdoors .doorsbreadcrumbs > div span:first-of-type {width:25%;font-weight:600}
.optionsdoors ul {margin:0 10px;}


.information {display:none}

#WebSiteMainData {position:relative;z-index:19}

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

.contactform label input:focus, .contactform label select:focus {outline: 2px dashed var(--white);box-shadow: 0px 0px 2px rgba(0,0,0,1);}

.tmpgallery .dnone {display:none}

div .slick-dots {text-align:center;bottom:25px;    display: flex;justify-content: center;}
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)}

div .slick-prev, div .slick-next {z-index:5;width: 40px;height: 40px;transform:none;margin:-25px 0 0 0;border:1px solid var(--white);background:rgba(174, 174, 174, 0.7) url(../images/whitearrow.png) center center no-repeat;}
div .slick-prev:hover, div .slick-next:hover, div .slick-prev:focus, div .slick-next:focus {background:var(--maincolor) url(../images/whitearrow.png) center center no-repeat;}
div .slick-prev {left:10px; -webkit-transform: scaleX(-1);transform: scaleX(-1);}
div .slick-next {right:10px;}
div .slick-next:before, div .slick-prev:before, div .slick-next:after, div .slick-prev:after {content:""}

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

html:lang(he) body {text-align:right;direction:rtl;}
html:lang(he) .slider-nav, html:lang(he) .slick-slider, html:lang(he) .features .feature .imgplace img, 
html:lang(he) .infoboxesplace .imgplace img, html:lang(he) .projectsslider div, html:lang(he) .projectsslider {direction:ltr}
html:lang(he) .curtainplace, html:lang(he) .sliderhome .abstract, html:lang(he) .contactform label input, .eventsslider .event div,
html:lang(he) .features .feature div, html:lang(he) .features.slick-slider div, html:lang(he) .infoboxesplace.slick-slider div, html:lang(he) .slider-for, html:lang(he) .slider-for div, 
html:lang(he) .featurescollection .flexplace > div, html:lang(he) .similarslider.slick-slider div, /*.testsslider div, */
html:lang(he) .downloadslider div, html:lang(he) .archprojects .abstract div, html:lang(he) .archprojects .abstract a,
html:lang(he) .projectsplace .feature .abstract, .projectsplace .feature .title, .tmpcontractor .projectsplace .feature div,
/*html:lang(he) .projectsslider div,*/ html:lang(he) .eventsslider 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) .togglecart, html:lang(he) .toggleaccount {left:0px;right:auto;margin:0;}
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) .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 2%}
html:lang(he) .bodyflex > div:nth-of-type(2n) {padding:0 2% 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;text-align: justify;}

@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: 1650px) 
{
	.page {padding:0 4%}
}
@media screen and (min-width: 1651px) and (max-width: 1850px) 
{
	.page {padding:0 4%}
}

@media screen and (min-width: 1000px) and (max-width: 1030px) 
{
	.page {padding:0 4%}
}

@media screen and (min-height: 500px) and (max-height: 800px) 
{
	
}




@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius: 0px;}
	.moremenu, .tmpbcitem .wrap:before, body .shoppingcart:hover .togglecart, .topmenu, body .accountplace .name, li li .moremenu,
	.opentopmenu, .homegallery, .featuremadein > div:nth-of-type(2n):after, .mainphone, .mdisable .opensearch, .paginginfo,
	.tmpformside #shortcontact, .saveforlater, .accountplace2, .indexplace .bgline.longline, .testsplace > div:first-of-type:after,
	.leftcolumn .bgline.shortline, .tmplocations .mainabstract, .tmpclients .mainabstract, .tmpyoutube .mainabstract,
	.tmpfaqs .mainabstract, .tmpcontact .mainabstract, .tmprlpgal .mainabstract, .tmpthank .mainabstract, .tmprmpmamad .mainabstract,
	.tmprmpmamad .twoline, .tmpfaqs .fourline, .tmpfaqs .tmpindexline, .tmpregular .openmorefea, .eventsplace .topline.bgline,
	.kablanim2, .sliderbtn, .appenddata {display:none}
	.doordesigns .close {display:block}
	body, p, li, div, .bodytext p a, .bodytext li a, .accountplace .openaccount, p a,
	a.btn, span.btn, input[type="submit"].btn, button.btn {font-size: 18px;}
	h1, .indextext h2, .indexcontent h1, .indexcontent h2, .doorsliderplace h2, .greyplace .scrollflow h2, .featurescollection h2, .eventsplace h2,
	.featurescollection .title,  .contactfooter div.title, #contactfooter2 div.title, .tmpdoor h1 span:first-of-type, .tmpdoor h1 span,
	.maintitle, .archprojects h2, .bodyflex h1, .sliderhome h1, .sliderhome h2 {font-size:40px;text-align:initial;letter-spacing: 0;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title, h3, .featuresswich .btn, .contactfooter h2.title {font-size:25px;}
	.bodytext h2, .sliderhome h3 {font-size:32px;font-weight: 300;}
	.tmpcontractor .bodytext h2, .projectsplace h2, .tmpcontractor .darkgreyplace h2, .greyplace2 h2, .darkgreyplace2 h2,
	.eventsplace h2, .indexarch h2, .titleplace h1, .maintitle {font-size:36px;}
	.mainabstract p,  .tmpcontact .smalltitle, .contactbody p, .tooglebtn,
	.tmpcontact .smalltitle, .tmpcontact .bodytext h2, .contactbody div {font-size:20px;}
	h4 {font-size:18px;}
	
	.tmpindex header {background: var(--black);}

	.credits p, .credits a {text-align:center;}
	.page, .tmpdoor .columns.page, .shortpage {width:100%;max-width:100%;padding:0 4%;}
	.bodytext p, p, .mainabstract p {text-align: justify;}
	
	header {padding:0;}
	header .wrap {flex-direction: row-reverse;}

	.favorite2 {margin:10px 0 0 0}

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

	.opensearch {margin: 0 10px;}

	.openmenu {display:block;width:30px;height:33px;position:relative;float:right;background:none;border:none;padding:0;margin:0px 15px 0 10px}
	.openmenu span, .openmenu div:after, .openmenu div:before {display:block;height:2px;background:var(--white);margin: auto;width: 30px;position:relative}
	.openmenu div:after { content: '';bottom:-9px;}
	.openmenu div:before { content: '';top:-9px;}
	.openmenu.opened {opacity:1}
	.openmenu.opened div:before {transform: translateY(10px) rotate(135deg);}
	.openmenu.opened div:after {transform: translateY(-10px) rotate(-135deg);bottom:-7px;} 
	.openmenu.opened span {transform: scale(0);}

	.menuplace, body:lang(he) .menuplace {transform: translateX(-105%);position:fixed;top:50px;width:100%;margin:0;height: 100vh;background: var(--greylight);}
	.mainmenu, .sticky .mainmenu {display:block;width: 100%;height: 97%;padding: 0;position: absolute;top: 52px;left: 0%;margin: 0; box-sizing: border-box;background: inherit;-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding:0px 10px 30% 10px;}
	.mainmenu li, html:lang(he) .mainmenu li, .mainmenu li li, .mainmenu li li li {float:none;margin:0;display:block;width:100%;max-width:100%}
	.mainmenu > li a, .mainmenu > li a:hover {padding:10px;border-radius:initial;justify-content: flex-start;font-weight:var(--fontbold);border-top:1px solid #E0E0E0;background:none;color:var(--fontcolor)}
	.mainmenu > li:last-of-type a {border-bottom:1px solid #E0E0E0;}

	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a {padding-right:30px;color:var(--greygrey);font-weight:500}
	.mainmenu li.this li.this a {color:var(--white);}
	.mainmenu ul {width:100%;margin:0;}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-4%);}
	.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:none;border:none;background:none }
	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}

	#maintitleplace, .maincontent {margin-top:50px}

	.mdisable .searchplace {overflow: hidden;}

	.moremenu {display:block;width:45px;height:47px;position:absolute;left:0px;top:0px;z-index: 99;background: url(../images/whitearrow.png) center center no-repeat;-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: brightness(1) invert(1);opacity: .4;}
	.mainmenu li.this .moremenu {opacity: 1;}
	.moremenu.opened {transform: rotate(90deg);}
	
	html:lang(he) .tmpglobalitem .bodyflex > div {padding:0}

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

	a.mainphone {font-size:20px;font-weight:500;margin:0 10px}
	a.mainphone div {display:none}

	.contactform {flex-direction: column;}
	.indexcontent h1, .indexcontent h2 {position:static}
	
	.eventsplace > div p {text-align:center}

	a.contactabout, a.downloadabout {margin:10px 0 0 0;display: block;float: none;}

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

	.productslistselects .page, .accordionplace, .contactfooter .contactform, #contactfooter2 .contactform, .duoflex,
	.mainlinks, .indexarchflex, .indexarchflex label, .careerbody, .bannerplace, .productflex, .tmpcontact .addressplace {flex-wrap: wrap;}

	.flex, html:lang(he) .flex, .contactform label, iframe, .feature, .imgside, .flex:nth-of-type(3n), .contactfooter,#contactfooter2, .client, 
	.indexflex > div, .flexbody > div, .bodyflex > div, body .loginplace, body .registerplace, body .registerform, .bannerplace, 
	.footerlinksplace, .footerlinksplace > div, .accordionplace .feature, .featuresbottom .feature, .features > div, .sidecontent,
	.features > div:nth-of-type(3n), .contactfooter .contactform > div,#contactfooter2 .contactform > div, body .confirmplace > div, .featurestrio > div:nth-of-type(3n), 
	body .confirmplace > div:nth-of-type(2n), .featurestrio > div, .featurestrio > div:nth-of-type(2n), .indexcontent h1, .indexcontent h2, .videosplace > div > div,
	.indexcontent > div, .flexhome, .flexhome > div, .doorsliderplace > div:first-of-type, .doorsliderplace > div, .tmpcontact .contactform > div,
	.greyplace .scrollflow,   .featuremadein, .videosplace > div, .bannerplace > div, body .productflex .imgplace,
	.featurescollection .flexplace > div, .featurescollection .flexplace > div, .featuremadein > div, .management, .tmpcontact .contactform > div:nth-of-type(2n),
	 .featuremadein > div:nth-of-type(2n), .infoboxesplace2 > div, .features .feature, body .productflex > div,
	.infoboxesplace > div, .contactplace .contactform > div, .featurescollection .flexplace > div:nth-of-type(2n), .testsplace > div:first-of-type, .testsplace > div,
	.contactfooter .contactform label, .articles .flexview > .imgplace, .articles .flexview > div, .tmpcontact .contactform input[type="submit"],
	.tmpcontact .contactform > div label, .tmpcontact .contactform > div > div:last-of-type label, .testslistplace > div, .testslistplace > div:nth-of-type(5n),
	.liststyle .flexview > div, .tmpmanagement .flex .abstract, .tmpmanagement .flex .imgplace,
	.optionsdoors, .tmprmpmamad .videosplace > div, .videosplace > div:nth-of-type(2n), .eventsplace > div:first-of-type, .careerbody > div,
	.eventsplace > div, .tmprmpmamad .bodyflex,  .duoflex > div, .mainlinksplace a, .links > div, .tmpcontact .addressplace p,
	.indexarchflex label, .peoplearichal > div:first-of-type, .peoplearichal > div:nth-of-type(2n), .contactplacein .contactform > div,
	.archprojects .flexplace > div, .archprojects .flexplace > div:nth-of-type(2n), .contractorfeatures2 > div, .contactform.duo > div,
	.contractorfeatures2 > div > div, .contractorfeatures2 > div > div:nth-of-type(2n), .duoflex .peopleitem, .favplace > div {width:100%;margin:0 auto 5% auto;border:none;}
	
	#shortcontact {width:100%;top: 52px;padding: 13% 4%;}

	#shortcontact h2 {margin: 0 0 10px 0;font-size: 24px;}
	.surveyplace img {max-width:100px;max-height:100px;margin:0}

	.tmpcontact .contactform input[type="submit"], .tmpcontact .contactform > div > div:last-of-type {border:1px solid var(--white);margin:10px 0;padding:5px}

	.flexsmall, .gallerylist .imgplace, .tmpformside .infoboxesplace2 > div, .tmpmanagement .flex, html:lang(he) .tmpmanagement .flex {width:48%;margin:1%}
	.contactfooter .contactform input[type="submit"] {width:100%;margin:10px 0px 5px 0px}
	.contactfooter .contactform > div > div:last-of-type label {margin:0 5px 0 0}

	#contactfooter2 .contactform label, .flexsmall, .tmplinks .links .imgplace {width:48%;margin:1%}
	#contactfooter2 .contactform input[type="submit"] {width:100%;margin:10px 5px 5px 5px}
	#contactfooter2 .contactform > div > div:last-of-type label {margin:0 5px 0 0}
	
	.darkgreyplace2, .archprojects, .bannerplace {padding:4%}
	
	body .opencart span {height: 40px;}
	body .opencart:after {top:5px}

	.archprojects h2 {margin:0 0 20px 0;}

	img-comparison-slider {height: auto }

	.shippingdata > div, .contactfooter .contactform > div > div:last-of-type label, .contactfooter .contactform > div > div > div:first-of-type label,
	#contactfooter2 .contactform > div > div:last-of-type label, #contactfooter2 .contactform > div > div > div:first-of-type label,
	.contactfooter .contactform .title, #contactfooter2 .contactform .title, .contactform textarea, .contactfooter .contactform {width:100%}

	.tmpregular .content > .page .shortpage {padding:0;}

	.contactfooter, .contactplace {width:100%}

	.stripplace {height:400px;}

	.featuremadein, #contactfooter2, .doorsliderplace > div:first-of-type, .greyplace .scrollflow > p, .tmpyoutube .columns {padding:4%}
	
	.featurescategoryplace h2, .featurescategoryplace .btn {float:none;margin:0 auto 20px auto;text-align:center;width:100%}

	.mobgalleryslider .imgplace .titlein {display:block;min-height: 30px;padding: 5px;}

	.sliderlinkduo .slick-slide {padding:10px;}

	.mainabstract {padding:0 4%}
	.downloadslider .slick-slide {padding:5px;}
	.management .position {min-height:45px;}
	.mainlinksplace a  {background: url(../images/dot3.png) 99% 0 no-repeat;background-size: 20px;}
	.mainlinksplace a span {width: 140px;padding: 0 40px 0 0;}
	
	.infoboxesplace2, .tmpproductitem .columns  {margin:30px 0;}
	
	#featuresplace #infoboxetitle {color:var(--greydark);margin:0 0 20px 0;}

	.tmpformside .infoboxesplace2 .abstract p {display:none}

	.featurescategory .feature .imgplace, .imgslider3 a, .projectsplace .slide .imgplace {height:300px;}
	.features img{max-height:300px;}

	.contactplace {background: rgba(0, 0, 0, 0.5);}
	.contactfooter:before {opacity: .4;}
	.contactfooter .contactform > div > div > div:first-of-type {padding:10px;}
	.contactplace p, .contactfooter .contactform .title, .contactplace h2, .eventsplace h2 {padding:0;margin:0 0 10px 0;text-align:center;/*font-size: 18px;*/}
	.contactfooter .contactform div .title, .contactfooter .contactform span, .contactfooter .contactform .errorplace {font-size:18px;}
	.maintitle {padding:0;margin:0 0 10px 0;text-align:center;}
	.contactfooter .contactform label.jointomailinglist {justify-content: center;}

	.contactfooter .contactform > div > div > div:first-of-type label, .contactfooter .contactform label {margin:0 0 10px 0;}
	.contactform label input, .contactform label textarea, .contactform select {}
	#contactfooter2 .contactform > div > div > div:first-of-type {margin:5px;padding:10px;}
	#contactfooter2 .contactform .title, .bodyflex h1 {padding:0;margin:0 0 20px 0;text-align:center}

	.footerlinksplace .title {margin:0;padding:20px 10px;color:var(--fontcolor);font-size:20px;}
	.footerlinksplace .title:after {background: url(../images/whitearrow.png) 10px center no-repeat;filter: brightness(1) invert(1);-webkit-transform: scaleX(-1);transform: scaleX(-1);content:"";display:block;width:30px;height:30px;float:left;margin: -8px 0 0 0;opacity: .3;}
	.footerlinksplace > div {margin:0;border-bottom: 1px solid var(--grey);}
	.footerlinksplace a {margin:0 10px 5px 0;font-size:18px;}
	.footerlinksbox ul {display:none;}
	.footerlinksbox.opened ul {display:block}
	.footerlinksbox.opened .title:after {transform: rotate(90deg);}
	.features .slick-next, .eventsslider .slick-next {right:0}
	.maincontent {overflow:hidden}

	.paginginfoOLD {height:0}

	html:lang(he) .bodyflex > div:nth-of-type(2n), .bodyflex > div, .doorsinfoboxesplace {margin:0;}
	html:lang(he) .bodyflex > div {padding:0}

	.bodytext iframe {height: 200px;width:100%}
	.bodytext h3 {font-weight:500}


	.InDoor {background: url(../images/in.png) 97% center no-repeat;}
	.OutDoor {background: url(../images/out.png) 97% center no-repeat;}

	.liststyle iframe {position:static;height:250px;}

	.tmpformside .bodytext {padding:0;}
	.tmpformside .bodytext p {line-height: 140%;}
	.tmpformside .bodytext h2 {margin:30px 0 10px 0}



	.indextext h2 {text-align:center;margin:0;}
	.banner .abstract {text-align:center}
	.banner img {margin:auto;display:block}

	#shortcontact2 {position:static;width:100%}

	.socialmedia {float:none;margin:0 auto 10px auto;padding:10px 0;border-top:1px solid var(--grey);border-bottom:1px solid var(--grey)}
	
	.imagesplace a {border:none;padding:0;}
	.imagesplace a img, .imagesplace .imgslider img {max-height:450px;}

	#WebSiteMainData {zoom: .8;}
	.testslistplace > div {padding: 50px 0px 0px 0px;}

	.videosplace .abstract, .articles .flexview > .abstract {padding:0;}
	.videosplace > div, .videosplace > div:nth-of-type(2n), .tmprmpmamad .videosplace > div, .videosplace > div:nth-of-type(2n) {/*flex-direction: column-reverse;*/margin: 0 0 30px 0;margin: 15px 0 0 0;padding: 15px 0 0 0;border-top:1px solid var(--greydark)}
	.tmpformside .videosplace > div {flex-direction: column;}
	.tmpformside .moreabstract {display:none}
	.tmprmpmamad .videosplace .abstract, .tmprmpmamad .articles .flexview > div:nth-of-type(2n), .tmprmpmamad .shortpage .bodytext {padding:4%}
	.tmprmpmamad .shortpage {padding:0%}
	.tmprmpmamad .liststyle .flex .flexview {padding:0%}

	.videosplace > div .imgplace, .articles .flexview > .imgplace {height:200px;}
	.videosplace iframe {margin:0;height:200px;}
	.videosplace .title {font-size:24px;font-weight:normal;color:var(--fontcolor)}
	.tmpformside .videosplace .title {text-align:center;/*position:relative;margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px solid var(--greydark)*/}
	
	.tmpyoutube .videosplace > div, .tmpyoutube .videosplace > div:nth-of-type(2n) {flex-direction: column-reverse;}

	.management {flex-wrap: wrap;}
	.managements {padding: 8% 0;background: var(--greydark);margin:0 0 5% 0;border:none}
	.tmpmanagement .managements {background: var(--white);}
	.managements h2 {margin:0 0 20px 0;font-size:36px;text-align:center}
	.managements h2:after, .testsplace h2:after {top:40px;right:0;width:100%}
	html:lang(he) .managements .flexplace {direction:rtl}
	.managements .flexplace .slick-slide {padding:10px;}
	.management > div {width:100%}
	.management > div:nth-of-type(2n) {padding:10px;}
	.managements .flex .title {margin:0 0 10px 0;}

	.managementflex {flex-direction: column;}
	.management .imgplace {min-height:250px;}
	.managementflex > div {width:100%}
	.managementflex > div:nth-of-type(2n) {padding:10px;}

	.testsplace .similarslider {padding:0;}
	.testsplace h2, .centertitle {margin:0 0 20px 0;font-size:36px;text-align:center;color:var(--fontcolor)}
	.testsplace .btn {display: flex;border: 1px solid var(--greydark);background: var(--grey);margin:20px auto 0 auto;width: 182px;padding:0;position:static;float:none}
	.testsplace .btn span {background: var(--greydark);color: var(--white);padding: 10px;font-size: 16px;flex:auto}
	.testsplace .btn:before {content: "";display: block;background: url(../images/anzus.png) center center no-repeat;padding: 10px;width: 50px;}
	.testsplace .title, .testsplace .date, .testsplace .abstract p, .testsplace .abstract div {color:var(--fontcolor)}

	.magazinplace .title {text-align:center;margin:0 0 10px 0;}

	.smalltitle, .tmprlp .smalltitle, .tmplocations .smalltitle, .tmplinks .smalltitle, .tmpmanagement .smalltitle, .tmpyoutube .smalltitle,
	.tmpregular .smalltitle {}


	.featurescollection {margin-top: 0px;padding:0;}
	.featurescollection h2 {text-align:center}
	.featurescollection .paginginfo {margin: 10px 0 10px 0;}
	.featurescollection .imgplace {height:400px;}
	.featurescollection .thumb .imgplacesmall {width:32%;margin:.5%;border:1px solid var(--greydark);padding:5px;}
	.featurescollection .thumb .imgplacesmall > div:first-of-type {height:100px;overflow:hidden;width:100%}
	.featurescollection .slick-dots {width:100%;top:40px;}
	.featurescollection .abstract p, .featurescollection .abstract a, .featurescollection .paginginfo {display:none}
	.featurescollection .abstract .title {color:var(--fontcolor);font-size:20px;font-weight:var(--fontbold);text-align:center;margin:0 0 0px 0;}
	.featurescollection .flexplace {min-height:0}
	.featurescollection .thumb .imgplacesmall > div:nth-of-type(2n) {color:var(--black)}

	.indexcontent {padding:0;margin:0;}
	.indexcontent > div {padding:4%;}
	.indexcontent .imgContainer {height:250px;}
	.indexcontent h1, .indexcontent p, .indexcontent li, .indexcontent h2 {color:var(--black)}
	.indexcontent h1, .indexcontent h2 {text-align:center}
	.indexcontent .btn {background: var(--greydark);color: var(--white);padding: 10px;font-size: 16px;}
	.indexcontent .middleline.bgline {display:none}

	.featuremadein {background: var(--greydark);padding:60px 4%;margin:3% 0 0 0}
	.featuremadein > div, .featuremadein > div:nth-of-type(2n) {background: var(--white);padding:4%;margin:0;}
	.featuremadein > div:first-of-type {background: var(--white) url(../images/bgmade.png) 70% center no-repeat;background-size: 100%;}

	.curtainplace, html:lang(he) .tmpregular .bodyflex .curtainplace {    font-size: 12px;bottom:0;padding:5px;background:var(--whiteopacity)}
	
	.leftcolumn {border:none;margin:0;padding:0;width:100%;}
	.leftmenu {padding:6% 0}
	.leftmenu a {font-weight: 500;font-size: 15px;padding: 5px;margin:5px;border:none;box-shadow:var(--shadowlight);}
	.leftmenu div, .leftmenu h2 {text-align:center;font-size:20px;margin:10px 0;padding:0;border:none;width:100%;font-weight:var(--fontbold)} 

	.saveforlatermenu i, .accountplace i, .accountplace2 i {font-size:12px;position:absolute;right:40px;top:15px;line-height: 100%;}

	.greyplace {padding:40px 0 0 0;background:none;margin:0 0 3% 0}
	.greyplace .scrollflow, .greyplace .scrollflow h2 {text-align:center}

	.greyplace .bottomline.bgline {width: 60%;height: 42px;border:none;border-bottom: 1px solid var(--greygrey);overflow: visible;margin: 0 0 40px 0;padding: 0;position:relative}
	.greyplace .bottomline.bgline:after, .greyplace .bottomline.bgline.bgline:before { left: -10px;height: 1px;width: 60px;background: var(--greygrey);transform: rotate(-45deg);content: "";display: block;position: absolute;}
	.greyplace .bottomline.bgline:after {margin: 30px 0px 0px 0px;}

	.accordionplace .feature {flex:initial}

	.tabsplace button {padding: 5px;font-size: 16px;}

	table td, table th {padding: 2px;}
	table td, table th, table a, table p {font-size: 11px;    padding: 2px;}

	.bodytext ul li {margin: 0px 0px 10px 0px;line-height: 120%;}
	.bodytext {overflow:visible;margin:0;}
	.bodytext table {max-width:100%; border-spacing: 0px;border-collapse: separate;}

	.flexsmall {max-width:100%}

	.accountplace, .accountplace2 {position:absolute;right:150px;}
	.saveforlatermenu {position:absolute;right:100px;}

	.accountplace .openaccount {position:relative}
	.saveforlatermenu span, .saveforlater span, .opensearch span, .accountplace .openaccount span, .accountplace2:after {height:52px;}

	.tmpformside .sidecontent {    margin-top: 50px;}

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

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

	html:lang(he) .bodytext li {background: url(../images/dot.png) right 4px no-repeat;}

	.featuremadein h2 a {margin:10px 5px 0 0}
	#bigdoor {zoom:.6;float:left}

	.resultdoor {top: 60px;position:static}

	.doorswrap {flex-direction: column; margin: 15px 0 0 0;width: 100%;}
	.doorswrap > div:first-of-type {width:100%;padding:0;margin:0;border:none;flex:none;max-width:none}
	.doorswrap > div:first-of-type {}

	.doorswrapbot {display:block}
	.doorswrapbot > div, .doorswrapbot > div:first-of-type {width:100%;border:none;padding:0;margin:0;}
	
	.doorswrap > div:nth-of-type(2) {width: 39%;}
	.alertplace {width: 100%;float: left;}

	.tmpdoor .content, .tmplogin .maincontent {margin-top: 2%;}
	.tmpdoor h1 {width:100%;float:right;}
	.tmpdoor .smalltitle {font-weight:500;font-size:16px;}
	#bigdoor .tambur {right:0;}

	.archprojects .imgplace {height: 250px;}
	.archprojects {    margin: 0 0 10px 0;}

	.griddoorsplace .btnchoose {display: flex;padding:2% 0}
	.globalicons .waze, .globalicons .google {width: 160px;}
	.btnchoose button, .btnchoose a {width:23%;margin:1%}
	.btnchoose button .title, .btnchoose a .title {margin: 2px 0;font-size: 13px;text-transform: none;text-align:center}
	.btnchoose button span, .btnchoose a span {height:70px;border:1px solid var(--greygrey)}
	.btnchoose button span img, .btnchoose a span img {max-height: 100%;}

	.resultdoor .bodytext p {line-height: 120%;font-size: 14px;margin: 0 0 10px 0;}

	.videosplace > div > div {min-height:20px;margin:0;}

	.mobileinterface {display:block;position:absolute;right:0;top:0;padding:0;width:130px;}
	.mobileinterface button {width:100%;margin:0 0 15px 0;        padding: 10px 30px 10px 5px;color: var(--black);box-shadow: none;font-size: 15px;}

	button.opengriddoor {background: #f3f3f3 url(../images/m1.png) 95% center no-repeat;}
	button.openglassdoor {background: #f3f3f3 url(../images/m2.png) 95% center no-repeat;}
	button.openfrontdoor {background: #f3f3f3 url(../images/m5.png) 95% center no-repeat;}
	button.openhandledoor {background: #f3f3f3 url(../images/m6.png) 95% center no-repeat;}
	button.openhipuipnimi {background: #f3f3f3 url(../images/m3.png) 95% center no-repeat;}
	button.openhandlecolordoor {background: #f3f3f3 url(../images/m7.png) 95% center no-repeat;}
	button.openhandleinnerdoor {background: #f3f3f3 url(../images/m6.png) 95% center no-repeat;}
	button.openjambdoor {background: #f3f3f3 url(../images/kav0.png) 95% center no-repeat;background-size:25px;}
	button.openwings {background: #f3f3f3 url(../images/m8.png) 95% center no-repeat;background-size:25px;}

	.optionsdoors .frontdoorsplace, .optionsdoors .handledoorsplace,
	.optionsdoors .jambdoorsplace, .doordesigns, .optionsdoors .glassdoorsplace, .colorsplace, .handleoutplace,
	.designplace, .handleinplace, .jambsplace, .wingsplace {z-index:999;transform: translateX(-105%);left: 0;top: 0;position: fixed;background: var(--greylight);width:100%;height:100%}

	.optionsdoors .chooseopened {transform: translateX(0%);overflow-y:scroll;}
	.optionsdoors .close {width:30px;height:30px;position:absolute;left:10px;top:60px;border:none;z-index: 3;}
	.optionsdoors .close:before, .optionsdoors .close:after {padding: 0;transform: rotate(45deg);content:"";display:block;background:#000;width:30px;height:3px;position:absolute}
	.optionsdoors .close:after {transform: rotate(-45deg);}
	.optionsdoors h2, .optionsdoors .bigtitle {font-weight:300;margin: 10px ;}
	.optionsdoors .doorsbreadcrumbs > div span:first-of-type {width: 40%;font-size: 17px;}
	.optionsdoors > div {padding-top:55px;}
	.griddoorsplace .openclose {width: 30px;height: 30px;margin: -1px -6px 0 10px;display:none}

	.darkgreyplace {background:none;margin:3% 0}


	#indooroutdoorscene3 .btnplace div {width: 33.3%;padding: 4px;    display: block;}
	.surveyplace .nobtnicon button {display: flex;flex-direction: column;}

	.sliderhome {margin:0 0 30px 0}
	.sliderhome .slide {height:400px;}

	.movebtns a {margin:0 10px 0 0}

	.flexhome {background:var(--grey);margin:4% 0}
	.featuresswich {display: flex;flex-direction: column-reverse;}
	.featuresswich .title {font-size:20px;font-weight:var(--fontbold);text-align:center;letter-spacing:0;}
	.featuresswich .btn {display: flex;border: 1px solid var(--greydark);background: var(--grey);margin:20px auto 0 auto;width: 285px;padding:0;}
	.featuresswich .btn span {background: var(--greydark);color: var(--white);padding: 10px;font-size: 16px;}
	.featuresswich .btn:before {content: "";display: block;background: url(../images/anzus.png) center center no-repeat;padding: 10px;width: 50px;}

	.back, .eventsplace .back, .magazinplace .back {display: flex;border: 1px solid var(--greydark);background: var(--grey);margin:0px auto 30px auto;width: 285px;padding:0;float:none;width:fit-content}
	.back span, .eventsplace .back span, .magazinplace .back span {background: var(--greydark);color: var(--white);padding: 10px;font-size: 16px;}
	.back:after, .eventsplace .back:after, .magazinplace .back:after {content: "";display: block;background: url(../images/anzus.png) center center no-repeat;padding: 10px;width: 50px;}

	.doorsliderplace {padding:0}
	.doorsliderplace > div:first-of-type, .doorsliderplace > div:first-of-type h2 {text-align:center;}

	div .slick-next, .featurescollection .slick-next {left:auto;right:0;}
	div .slick-prev {left:0;}
	div .slick-dots {bottom: -30px;}
	div .slick-dots li button:before {border-bottom: 1px solid var(--black);}
	div .slick-dots li.slick-active button:before {border: 1px solid var(--black);}


	.featurestrio > div {margin:0;}
	.featurestrio .abstract {padding:0;border:none}
	.featurestrio > div:nth-of-type(2n), .featurestrio > div:nth-of-type(3n), .featurestrio.opened .openmorefea {display:none}
	.featurestrio.opened > div:nth-of-type(2n), .featurestrio.opened > div:nth-of-type(3n) {display:block}

	.maincontent .bgline.shortline {top: -65px;width: 100px;height: 100px;right:0;}
	.bgline:after {margin: 0px -30px 0px 0px;}
	.bgline:after, .bgline:before {width: 60px;}

	.tmpregular .bodyflex {flex-direction: column-reverse;}
	 .tmpregular .shortpage.opened .openmorefea {display:none}
	.tmpregular .shortpage.opened .bodytext {display:block}
	html:lang(he) .tmpregular .bodyflex div {margin:0;padding:0;}
	html:lang(he) .tmpregular .bodyflex .imagesplace {margin:0 0 40px 0;}

	.openmorefea {display:block;color:var(--maincolor);font-weight:var(--fontbold);font-size:16px;margin:0 0 20px 0;text-decoration:underline;text-align: inherit;}

	.bgline.shortline {width: 200px;height: 40px;padding: 0;margin: 0 0 20px 0;border: none;}

	.faqsplace .question p, .faqsplace .question li {font-weight:normal}
	.faqsplace .question {background: var(--white);    padding: 10px 10px 10px 50px;}
	.faqsplace > div.opened, .faqsplace > div.opened .question {background: var(--grey);}
	.faqsplace .question span {right:auto;left:10px;background: var(--grey) url(../images/faqarrow.png) center center no-repeat;top:7px}
	.faqsplace .question.opened span {background: var(--white) url(../images/faqarrow.png) center center no-repeat;}

	.testtoggleplace button {background:none;    padding:  0px;}
	.testtoggleplace button span {right:auto;left:0px;background: var(--grey) url(../images/faqarrow.png) center center no-repeat;top:0}
	.testtoggleplace {padding:10px;}
	.testtoggleplace.opened {background: var(--grey);}
	.testtoggleplace.opened button span {background: var(--white) url(../images/faqarrow.png) center center no-repeat;color:var(--maincolor);text-decoration:underline}
	.testslistplace > div:nth-of-type(5), .testslistplace > div {padding: 50px 0px 0px 0px !important;}

	.contactfooteruRLP, html:lang(he) .tmprmpmamad .bodyflex > div:nth-of-type(2n), html:lang(he) .tmprmpmamad .bodyflex > div,
	html:lang(he) .tmprmpmamad .bodyflex {margin:0;}

	.tmprmpmamad .bodyflex > div {display:block}
	.tmprmpmamad .magazinplace .back {margin:0 auto 30px auto}

	.surveyplace a span {    font-size: 12px;}
	
	.liststyle .title {font-size:20px;font-weight:var(--fontbold);color:var(--greydark)}
	.liststyle .map, .liststyle .globalicons {display:none}
	.liststyle .opened {background:var(--grey);}
	.liststyle .opened .title {color:var(--maincolor);text-decoration:underline}
	.liststyle .opened .globalicons {display:block}
	.liststyle .flex .flexview {padding:2%}
	.liststyle .flex:hover {border:1px solid var(--greydark);}
	.liststyle .flex {box-shadow:none}

	div .sliderbtn {bottom:5px;}

	.tmparticle .page .shortpage, .tmprlp .page .shortpage {padding:0}

	.tmpformside .stripimg .slick-slide div > div, .tmpformside .stripimg > div {height:380px;}
	.tmpformside .contactfooter {float:none}

	.gallerylist .imgplace a {height: 200px;min-width:100%;}
	.imgplace_g  .slick-list {width:100%;}

	.information {margin: 0 0% 0 30px;font-size: 14px;}

	.contractorplace {padding:0;height:auto;flex-direction: column-reverse;}
	.contractorplace .contractorstrip {position:static;height:auto;width:auto}
	.contractorplace:after {display:none}
	.contractorplace .bodytext {padding:0 4%}
	.contractorplace h1 {margin:10px 0;text-align:center;}
	.tmpcontractor .contractorplace .bodytext h2 {text-align:center;border-bottom:1px solid var(--greydark);padding:0 0 10px 0;}
	.tmpcontractor .contractorplace .bodytext p {display:flex}
	.tmpcontractor .contractorplace .bodytext p img {width:50%;        height: 47px;}
	.tmpcontractor .bodytext p {line-height: 120%;margin: 0 0 10px 0;}

	.tmpcontractor .bodytext {padding:4%}
	.tmpcontractor .bodytext:nth-of-type(2) {margin:40px 0 0 0 }
	.tmpcontractor .contractorplace {margin:50px 0 0 0 }
	.tmpcontractor .projectsplace .feature div {min-height:100px;}

	.contractorfeatures2 > div {flex-direction: column;box-shadow:none;}
	.contractorfeatures2 > div img {margin:auto;display:block;width:100%}
	.contractorfeatures2 > div > div:nth-of-type(2n) {padding:10px 4%}

	.tmpcontractor .linkplace {padding:20px 0 0 0;margin:20px 0 0 0;border-top:1px solid var(--grey)}

	.linkplace .btn, .archprojects .abstract a {display: flex;border: 1px solid var(--greydark);background: var(--grey);margin: auto;width: 220px;padding: 0;margin:10px auto}
	.linkplace .btn:before, .archprojects .abstract a:before {content: "";display: block;background: url(../images/anzus.png) center center no-repeat;padding: 10px;width: 50px;}
	.linkplace .btn span, .archprojects .abstract a span {background: var(--greydark);color: var(--white);padding: 10px;flex: auto;margin:0}

	.eventsslider .event .imgplace {height: 180px;}

	 .tmpformside .mainphone2, .tmpformside .whatsapp, .tmpformside .opencontact {display:block} 

	.projectsplace .feature > .abstract, .projectsplace .feature .title {min-height:auto}
	.tmpcontractor .projectsplace .feature .title {font-size:20px;text-align:center;min-height:50px;}
	.tmpcontractor .projectsplace .feature .imgplace {height: 250px;}
	.tmpcontractor .projectsplace .feature div {font-size:16px;}
	.tmpcontractor .projectsplace .slick-slide {padding:10px;/*opacity:.3*/}
	.tmpcontractor .projectsplace .slick-current {opacity:1}
	.tmpcontractor .slick-next {right:auto;left: 0px;}
	.tmpcontractor .slick-prev {left: auto;right:0;}
	.tmpcontractor .archprojects {margin:20px 0;}
	.tmpcontractor .archprojects .flexplace {flex-direction: column-reverse;min-height: 300px;}
	.tmpcontractor .archprojects .imgplace {height: 250px;}
	.tmpcontractor .darkgreyplace h2 {color:var(--white);text-align:center;margin:10px 0;}
	.tmpcontractor .darkgreyplace {background: var(--greydark);padding:6%}
	.tmpcontractor .greyplace2 {padding:6% 0}
	.tmpcontractor .contractorfeatures {padding:4%}
	.tmpcontractor .moreownloadsplace {margin:3% 4%}
	.tmpcontractor .page {padding:0;}
	.tmpcontractor .greyplace2 h2 {padding:0 4%}
	
	.tooglebtn {padding:15px 45px 15px 15px;font-weight:var(--fontbold)}
	.tooglebtn span {    height: 45px;}

	.tmpcontractor .duoflex .peopleitem {width:48%;margin:1%;flex-direction: column;}
	.duoflex .peopleitem .imgplace {width:100%}
	.tmpcontractor .duoflex .peopleitem img {padding:0;border:none}
	.tmpcontractor .duoflex .peopleitem .abstract .title {margin:10px 0;}
	.tmpcontractor .duoflex .peopleitem > div:nth-of-type(2n) {text-align:center}
	.tmpcontractor .duoflex a[href^="mailto:"], .tmpcontractor .duoflex a[href^="tel:"] {width:30px;height:30px;display:inline-block;margin:2px;}

	.duoflex .peopleitem > div:nth-of-type(2n) {width:100%}
	.duoflex .peopleitem .abstract > div {word-wrap: break-word;}

	
	.indexarchflex span {text-align: right;width: 100px;}

	.liststyle.articles {padding:15px 0 0 0;margin:15px 0 0 0;border-top:1px solid var(--grey)}
	.articles .flexview > div:nth-of-type(2n) {padding:0}

	.magazinplace iframe {height: 200px;}

	.projectgallery a {height:350px;width:100%;position:relative;display:block}
	.projectgallery a > div {position:absolute;left:0;bottom:0;padding:5px;background:var(--whiteopacity)}
	.projectgallery img {height:auto;margin:auto;padding:0;border:none;position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
	.projectgallery .slick-slide > div > div {padding:0;border:none;box-shadow:none}

	.eventsplace {padding:30px 0}
	.eventsslider .event .title {text-align:right}


	.greyplaceitem {background: var(--grey);padding:4%}
	.tmpbcitem .smalltitle {text-align:right;text-align-last:right}
	.tmpbcitem h1 {        padding: 0 0 10px 0;margin: 0 0 20px 0;text-align: center;border-bottom:1px solid var(--greydark)}
	.tmpbcitem .imagesplace a img {max-height:auto;width:100%}

	.tmpregularen .logo {margin:0 10px;}
	body:lang(he).tmpregularen .menuplace {transform:none;position:static;left:10px;top:10px;background:none;width:auto}
	body:lang(he).tmpregularen .mainmenu > li:last-of-type a {border:none}
	body:lang(he).tmpregularen .mainmenu li:before, body:lang(he).tmpregularen .mainmenu li:after {display:none}
	body:lang(he).tmpregularen .mainmenu, body:lang(he).tmpregularen .sticky .mainmenu {top:0;width:auto;height:auto;padding:0}
	body:lang(he).tmpregularen .tmpregularen .mainmenu {padding:0;}
	body:lang(he).tmpregularen .mainmenu > li a, body:lang(he).tmpregularen .mainmenu > li a:hover {padding: 13px;}

	.door-color-panel {width:100%;float:left;}
	.greydoorplace {background-position: 0 135%;}

	.tmpformside #shortcontact .close, .tmpformside #shortcontact.opened {display:block}
	.tmpformside .bodytext img {height:auto;width:100%}
	.tmpformside .videosplace > div, .tmpformside .videosplace > div, .tmpformside .videosplace > div:nth-of-type(2n) {flex-direction: column-reverse;margin:0 0 30px 0;border:none}
}

body .sl-overlay {background:var(--black)}
body .sl-navigation button, body .sl-close {filter: brightness(0) invert(1)}
.sl-wrapper .sl-image {background:var(--white);}
.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, .tmpformside h1.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;}
.clear {content: "";display: table;clear: both;width:100%}

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, .flex,
.btn:after, .flex div, .slider-nav img, .projectscol img, .topmenu li > a:after, .optionsdoors > div, .eventsplace img, .btn2,
.projectsplace img, .logo img {-webkit-transition: all 0.20s ease-in-out;}
.menuopen, .menuplace, .downloaditem img {-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) }

::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: var(--greylight);}
::-webkit-scrollbar-thumb {background: var(--greydark);}
::-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;flex:auto}
	.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, .doorswrap > div:first-of-type, .doorswrapbot > div:first-of-type,
	.tmpdoor .columns.page {width:100%; margin:auto;max-width:100%;float:none;display:block;margin:0;padding:0;background:none;border:none}
	.leftcolumn, .mainmenu, .topmenu, .breadcrumbs, .search, .socialmedia, #strip, .opensearch, .shoppingcart, .footerlinksplace,
	.docsplace, div .slick-dots, .accessibility, .contactfooter,#contactfooter2, .accountplace, .saveforlatermenu, div:after, div:before, .credits,
	.sliderbtn, .sliderhome, .linksplace, #WebSiteMainData, .doordesigns, .glassdoorsplace, .frontdoorsplace, .mainphone,
	.handledoorsplace, .jambdoorsplace, .infoboxesplace, .opentopmenu, #footer, a.contactabout, a.downloadabout {display:none !important;}
	.flexplace, .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, .tmpdoor .content, .tmplogin .maincontent {margin:0;padding:0;}
	.scrollflow {filter:none !important}
	.doorswrap {    flex-direction: column;}
	.resultdoor {position:static}
	header .wrap {display:block}
	.tmpdoor h1 span:first-of-type {font-size: 40px;font-weight: 500;margin:5px 0}
	.tmpdoor .smalltitle {margin:0 0 5px 0;font-size:18px;}
}