@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 200;src: url('Fonts/assistant-v19-hebrew_latin-200.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 300;src: url('Fonts/assistant-v19-hebrew_latin-300.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 400;src: url('Fonts/assistant-v19-hebrew_latin-regular.woff2') format('woff2');}
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 500;src: url('Fonts/assistant-v19-hebrew_latin-500.woff2') format('woff2'); }
@font-face {font-display: swap; font-family: 'Assistant';font-style: normal;font-weight: 600;src: url('Fonts/assistant-v19-hebrew_latin-600.woff2') format('woff2'); }
@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 700;src: url('Fonts/assistant-v19-hebrew_latin-700.woff2') format('woff2');}
@font-face {font-display: swap;font-family: 'Assistant';font-style: normal;font-weight: 800;src: url('Fonts/assistant-v19-hebrew_latin-800.woff2') format('woff2');}
:root {
/*--maincolor:#398C3A;*/
--maincolor:#29672a;
--fontcolor:#000;
--fontsize:18px;
--fonttitle:25px;
--fontbold:700; 
--white: #fff;
--black: #000;
--grey: #eee;
--greylight: #F6F8F5;
--greydark: #505050; 
--greygrey: #8c8c8c;
--blackopacity: rgba(0, 0, 0, 0.7);
--blackopacity2: rgba(0, 0, 0, 0.2);
--greyopacity: rgba(150, 150, 150, 0.2);
--whiteopacity: rgba(255, 255, 255, 0.9);
--whiteopacity2: rgba(255, 255, 255, 0.7);
--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) Assistant, Arial, Helvetica, sans-serif;margin:0px;padding:0px;border:none; line-height:normal;background: none;}
body {-webkit-animation: bugfix infinite 1s;overflow-x:hidden;}
html, body {height:100%}
input, textarea, select {background:none;border: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:100%;font-weight:200}
h1 {font-size: 64px;letter-spacing:-2px;margin:0 0 10px 0} h2, h2 a {font-size: 40px;} h3, h3 a {font-size: 30px;} 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:890px}
.pageplace {width:100%;float:left}

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

.logo {display:flex}

.menuplace {flex:auto}
.mainmenu {display: flex;}
.mainmenu li {position:relative}
.mainmenu li a {font-weight: 500;display:flex;padding:18px 15px;align-items: center;height:100%;justify-content: center;color: var(--black);text-align: center;position:relative;font-size:20px;}
.mainmenu li > a:hover, .mainmenu li > a:focus, .mainmenu li.this > a {color:var(--white);background:var(--maincolor)}

.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(--black);}
.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:5px;border-top:2px solid var(--maincolor);border-bottom:2px solid var(--maincolor);}

.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(--black);}
.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(--white);box-shadow: var(--shadow);padding:5px;border-top:2px solid var(--maincolor);border-bottom:2px solid var(--maincolor);}
.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: 50%;z-index: 99;width: 320px;display: none;background:var(--greylight);box-shadow: var(--shadow);padding: 20px;margin:0 0 0 -160px;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 15px;background: var(--maincolor);color:var(--white);margin:0px auto;text-align:center;border:1px solid transparent;box-shadow:var(--shadowlight);font-weight: var(--fontbold);}
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)}

.sliderhome {position: relative;}
.sliderhome .slide {height:710px;position: relative;overflow: hidden;}
.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;}
.sliderhome .title {font-size:60px;padding:10px;text-align:center;color:var(--white);}
.sliderhome .slick-dotted.slick-slider {margin:0}

.paginginfo {position:absolute;left:20px;bottom:20px;display: flex;flex-direction: row-reverse;align-items: flex-end;}
.paginginfo:before, .paginginfo:after {height:1px;width:80px;background:var(--white);transform: rotate(-45deg);content:"";display:block;position: absolute;top: 70px;    left: 10px;}
.paginginfo:after {margin: 0px 0px 0px 7px;}

.paginginfo div {font-size:72px;color:var(--white);font-weight:200;padding:0 10px 30px 0px;line-height:100%;position:relative;text-shadow:0 0 5px var(--black)}
.paginginfo div:first-of-type:after {height:1px;width:35px;background:var(--white);position:absolute;left:0;bottom:35px;text-shadow:0 0 5px var(--black)}
.paginginfo div:nth-of-type(2n) {font-size:32px;padding: 40px 0px 0 30px ;}

.paginginfoOLD {height: 130px;}

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

.bgline {position:relative;display: flex;align-items: center;justify-content: center;overflow:hidden}
.bgline:after, .bgline:before {height:1px;width:100px;background:var(--greygrey);transform: rotate(-45deg);content:"";display:block;position: absolute;}
.bgline:after {margin: 0px -50px 0px 0px;}

.lineanimation:after, .lineanimation:before {-webkit-animation: lineanimation 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: lineanimation 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes lineanimation {
  0% {width:0;}
  100% {width:100%;}
}
@keyframes lineanimation {
  0% {width:0;}
  100% {width:100%;}
}

.lineanimationhalf:after, .lineanimationhalf:before {-webkit-animation: lineanimationhalf 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: lineanimationhalf 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes lineanimationhalf {
  0% {width:0;}
  100% {width:50%;}
}
@keyframes lineanimationhalf {
  0% {width:0;}
  100% {width:50%;}
}


.lineanimation2 {-webkit-animation: lineanimation2 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: lineanimation2 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes lineanimation2 {
  0% {width:0;}
  100% {width:400px}
}
@keyframes lineanimation2{
  0% {width:0;}
  100% {width:400px;}
}

.lineanimation3 {-webkit-animation: lineanimation3 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: lineanimation3 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes lineanimation3 {
  0% {width:0;}
  100% {width:500px}
}
@keyframes lineanimation3{
  0% {width:0;}
  100% {width:500px;}
}

.lineanimation4 {-webkit-animation: lineanimation4 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: lineanimation4 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes lineanimation4 {
  0% {width:0;}
  100% {width:200px}
}
@keyframes lineanimation4 {
  0% {width:0;}
  100% {width:200px;}
}

.onelineanimation:after {-webkit-animation: onelineanimation 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: onelineanimation 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes onelineanimation {
  0% {height:0;}
  100% {height:300px;}
}
@keyframes onelineanimation {
  0% {height:0;}
  100% {height:300px;}
}

.indexplace {padding:8% 0 0 0;position:relative;    /*width: 100%;float: left;*/}
.indexplace .bgline.shortline {position:absolute;right:-30px;top:0;width:200px;height:200px;}
.indexplace .bgline.longline {position:absolute;left:0;top:100px;width:40%;height:40%;}

.maincontent {margin-top:60px}
.maincontent .bgline.shortline {position:absolute;right:-30px;top:6px;width:200px;height:200px;}

.content {padding:0 0 4% 0;width: 100%;float: left;}
.content > .page {z-index:13;background:var(--whiteopacity2)}
.tmpdoor .content, .tmplogin .maincontent {margin-top:90px}

.smalltitle {font-weight:var(--fontbold);color:var(--maincolor);font-size:20px;margin:0 auto 20px auto;}
.tmprlp .smalltitle, .tmplocations .smalltitle, .tmplinks .smalltitle, .tmpmanagement .smalltitle, .tmpyoutube .smalltitle,
.tmpregular .smalltitle, .tmpmanagement2 .smalltitle {text-align:center;max-width:700px}

.titleplace {margin:0 0 3% 0;position:relative;padding:0 3% 2% 3%}
.titleplace h1 {text-align:center;margin:0 auto 20px auto}
.titleplace:after {content:"";display:block;height:1px;width:700px;background:var(--greydark);position:absolute;left: 50%;bottom: 0;margin: 0 0 0 -350px;-webkit-animation: titleplaceh1 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: titleplaceh1 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}

@-webkit-keyframes titleplaceh1 {
  0% {width:0px;margin: 0 ;}
  100% {width:700px;margin: 0 0 0 -350px;}
}
@keyframes titleplaceh1 {
  0% {width:0px;margin: 0 ;}
  100% {width:700px;margin: 0 0 0 -350px;}
}


.mainabstract {margin:0 0 5px 0;font-size:24px;text-align: justify;}
.mainabstract p {font-size:24px;text-align: center;margin:0 0 15px 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;padding: 5px;border: 1px solid var(--greydark);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}

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

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

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

.indexcontent {padding:5px;border:1px solid var(--white);display:flex;margin:12% 3% 8% 3%;z-index: 2;position: relative;flex-wrap: wrap;}
.indexcontent > div {width:50%;position:relative}
.indexcontent > div:first-of-type {padding:4% 8%;    z-index: 5;}
.indexcontent h1, .indexcontent h2 {letter-spacing: -2px;color:var(--white);font-size:46px;position:absolute;right:13%;top:-200px;padding:10px;border-top:1px solid var(--white);border-bottom:1px solid var(--white);width:340px;text-align:center}
.indexcontent h1:after, .indexcontent h2:after {height:0px;width:1px;background:var(--white);content:"";display:block;position:absolute;right:-6%;top:0;}
.indexcontent p, .indexcontent li {margin:0 0 15px 0;color:var(--white)}
.indexcontent .btn {background:none;border:1px solid var(--white);color:var(--white);text-decoration:none;font-weight:var(--fontbold)}
.indexcontent > div img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}

.flexhome {display:flex;margin:10% 10.5% 6% 0;position:relative;flex-wrap: wrap;}
.flexhome > div {width:50%;position:relative;    flex: auto;}
.flexhome .middleline.bgline {position:absolute;right:0px;top:-250px;width:300px;height:250px;}
.flexhome .bottomline.bgline {position:absolute;left:0px;top:150px;width:0px;height:70px; transform: scaleX(-1);border-bottom:1px solid var(--greygrey)}
.flexhome .bottomline.bgline:after, .flexhome .bottomline.bgline.bgline:before {    right: 185px;}
.flexhome .bottomline.bgline:after {    margin: 0px -20px 0px 0px;}

.indexcontent .middleline.bgline {position:absolute;right:8%;top:auto;width:300px;height:250px;bottom:-170px}
.indexcontent .bottomline.bgline {position:absolute;left:0px;top:150px;width:0px;height:70px; transform: scaleX(-1);border-bottom:1px solid var(--white)}
.indexcontent .bottomline.bgline:after, .indexcontent .bottomline.bgline.bgline:before {    right: 185px;}
.indexcontent .bottomline.bgline:after {margin: 0px -20px 0px 0px;}


.featuresgallery {padding:0 4%;position:relative;height:100%; display: flex;justify-content: center;align-items: center;margin: -50px 0 0 0;}
.featuresgallery img {max-width: 150px;position: absolute;top: 0px;left: 10%;}
.featuresgallery img:nth-of-type(2n) {top:10%;left: 80%;max-width: 200px;}
.featuresgallery img:nth-of-type(3n) {top:40%;left: 20%;max-width: 150px;}
.featuresgallery img:nth-of-type(4n) {top:45%;left: 50%;max-width: 200px;}
.featuresgallery img:nth-of-type(5n) {top:80%;left: 70%;max-width: 200px;}

.featurestrio {margin:0 0 3% 0}
.featurestrio > div {width:30%;margin:0 0 0 5%;float:right}
.featurestrio > div:nth-of-type(2n) {margin:20% 0 0 5%}
.featurestrio > div:nth-of-type(3n) {margin:60% 0 0 0}
.featurestrio .abstract {padding:0 3% 0 0;border-right:1px solid var(--maincolor)}
.featurestrio .imgplace {margin:0 0 10px 0;position:relative;overflow:hidden;height:190px;}
.featurestrio .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.featurestrio .feature p {margin:0 0 10px 0;}

.featuresswich {max-width:700px}
.featuresswich .title {margin:20px 0 20px 0;font-size:64px;font-weight:200;letter-spacing: -2px;color:var(--greydark)}
.featuresswich .btn {margin:0px 0 50px 0;    background: var(--white);border: 1px solid var(--greydark);color: var(--fontcolor);text-decoration: none;font-weight: var(--fontbold);letter-spacing: 0;font-size:var(--fonttitle)}
.featuresswich .btn:hover, .featuresswich .btn:focus {background: var(--maincolor);border: 1px solid var(--maincolor);color: var(--white);}

img-comparison-slider {width:100%;height:630px;position:relative}

.features .slick-slide {padding:2px;width:300px;}
.features .slick-slide > div {padding:10px;}
.features .feature {width: 23%;margin: 1%;position:relative;}
.features .feature p {margin:0 0 10px 0;}
.features .feature .title {margin:10px 0;font-weight:var(--fontbold);/*min-height:65px;*/text-align:center;font-size: 22px;}
.features .feature > a {display:block;position:relative;background:var(--grey);box-shadow:var(--shadowlight);padding:6% 4%;height:100%;}
.features .feature .imgplace {width: 100%;height: 355px;position: relative;/*overflow: hidden;*/display: flex;align-items: center;justify-content: center;}
.features .feature 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));}
.features .feature .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.features .feature a:hover img, .features .feature a:focus img {/*transform: scale(1.05,1.05);*/}
.features .feature a:hover .title, .features .feature a:focus .title {color:var(--maincolor)}
.features .feature a:hover, .features .feature a:focus {box-shadow:var(--shadowgreen);}
.features .feature .abstract {padding:0 3% 3% 3%}
.features .feature .moreabstract {display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:80px;font-size:16px;}
.features .feature .moreabstract p {font-size:16px;text-align:justify}
.outdoors .features .feature .moreabstract {/*-webkit-line-clamp: 14;min-height: 290px;*/text-align:justify}

.features .slick-prev, .managements .slick-prev {left:auto;right:-20px;-webkit-transform: scaleX(1);transform: scaleX(1);}
.features .slick-next, .managements .slick-next {right:auto;left:0;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.features.sliderduo .slick-prev {left:auto;right:10px;}
.features.sliderduo .slick-next {right:auto;left:10px;}

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

.fourline {position:absolute;right:-80px;top:1400px;width:500px;height:3px; background:var(--greylight);transform: rotate(-45deg);}
.fourline div {position: absolute;top: 30px;width: 500px;height: 3px;background: var(--greylight);}
.fourline div:after, .fourline div:before {position: absolute;top: 30px;width: 500px;height: 3px;background: var(--greylight);content:"";display:block}
.fourline div:after {top: 60px;}

.twoline {position:absolute;right:-80px;top:110%;width:500px;height:3px; background:var(--greylight);transform: rotate(-45deg);}
.twoline:after {position: absolute;top: 30px;width: 500px;height: 3px;background: var(--greylight);content:"";display:block}
.twoline.left {left:-100px;right:auto;top:130%;}

.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:4%;color:var(--white)}
.duoflex p, .duoflex a, .duoflex .bodytext a {color:var(--white)}
.duoflex p {text-align:justify}

.bodyflex {display:flex;flex-wrap:wrap;justify-content: space-between;}
.bodyflex > div {width:50%;flex: auto;padding:0 1% 0 0;   }
.tmpregular .bodyflex > div {display: flex;align-items: flex-start;flex-direction: column;justify-content: center;}
.tmparticle .bodyflex > div {max-width: 1000px;margin:0 auto;}
.bodyflex > div:nth-of-type(2n) {padding:0 0 0 1%}
.bodyflex h1 {margin:-10px 0 40px 0;position:relative;    font-size: 54px;}
.bodyflex h1:after {-webkit-animation: bodyflexh1 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: bodyflexh1 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;content:"";display:block;height:1px;background:var(--greydark);position:absolute;right:0;bottom:-10px}
@-webkit-keyframes bodyflexh1 {
  0% {width:0;}
  100% {width:100%;}
}
@keyframes bodyflexh1 {
  0% {width:0;}
  100% {width:100%;}
}
.tmpbcitem .bodyflex h1:after {bottom: -15px;}

.bodyflex.greyflex {    flex-direction: row-reverse;background:var(--grey)}
html:lang(he) .bodyflex.greyflex > div {padding:4% 3%}
html:lang(he) .bodyflex.greyflex > div:nth-of-type(2n) {padding:0}
.bodyflex.greyflex .imagesplace {margin:0}
.bodyflex.greyflex .title {margin:0 0 20px 0;font-size:30px;font-weight:500;color:var(--greydark);text-align:justify}
.bodyflex.greyflex .btn {margin:10px 0 0 0;border:1px solid var(--greydark);background:none;color:var(--greydark);font-weight:500;}
.bodyflex.greyflex .imagesplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.bodyflex.greyflex .btn:hover,.bodyflex.greyflex .btn:focus {background:var(--black);color:var(--white)}

.centerbody {text-align:center}
.bodytext.centerbody h2 {font-weight:200}

.tmprlpgal .smalltitle {text-align:center}

.tmpformside h1 {text-align:center;margin: 0 0 40px 0;position: relative;}
.tmpformside h1:after {-webkit-animation: bodyflexh1 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: bodyflexh1 3s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;content: "";display: block;height: 1px;background: var(--greydark);position: absolute;right: 0;bottom: -20px;}
.tmpformside .smalltitle {text-align:center;margin:0 0 20px 0;}
.tmpformside .survey, .tmpformside .mainphone2, .tmpformside .whatsapp, .tmpformside .opencontact {display:none}
.tmpformside #shortcontact {display:block}
.tmpformside .darkgreyplace {padding:4%}
.tmpformside .testsplace {margin:0;}
.tmpformside .testsplace h2 {text-align:center;margin:0 0 50px 0;}
.tmpformside .testsplace h2:after {top: auto;bottom: -20px;background: var(--maincolor);width: 300px;right: 50%;margin: 0 -150px 0 0;}

.tmpformside .videosplace > div, .tmpformside .videosplace > div:nth-of-type(2n) {margin:0 0 2% 0}
.tmpformside #shortcontact .close {display:none}
.tmpformside .shortpage h2, .tmpformside #featuresplace #infoboxetitle {text-align:center;margin: 20px 0; font-size: 40px;   font-weight: 200;color: var(--fontcolor);}

.sidecontent {width:75%}

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

.tmpmanagement2 .bodyflex {background:var(--grey);flex-direction: row-reverse;}
.tmpmanagement2 .bodytext {padding:4%}
.tmpmanagement2 .bodytext h2 {font-weight:500}
.tmpmanagement2 #imgContainer {position:relative}
.tmpmanagement2 #imgContainer img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover; }
.tmpmanagement2 .contactform .errorplace {color:var(--white)}
html:lang(he) .tmpmanagement2 .bodyflex > div:nth-of-type(2n) {padding:0;}

#imgContainer {width:100%}

.bodytext {margin:0 0 3% 0}
.bodytext iframe, .bodytext p img, .bodytext h3 img, .bodytext h4 img {padding:5px;border:1px solid var(--greydark);/*min-height:400px;width:100%;*/margin:0 auto 20px auto;display:block}
.bodytext iframe {width: 890px;height: 510px;}
.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;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;color:var(--greydark);text-align:justify}
.bodytext h3 {margin:20px 0;color:var(--maincolor);font-weight:300;text-align:justify}
.bodytext h4 {margin:20px 0;font-weight:var(--fontbold);text-align:justify}
/*.bodytext p img, .bodytext h3 img {padding: 5px;border: 1px solid var(--greydark);}*/
.tmpdoor .bodytext {width:100%;float:left;text-align:justify}
.bodytext td img {padding:0;border:none;margin:0}
.bodytextb2 {padding:20px 0;margin:20px 0;border-top:1px solid var(--greydark);border-bottom:1px solid var(--greydark)}

.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;margin:3% 0 6% 0;justify-content: center;}
.flexplace .flex {width: 23%;margin: 1%;position:relative}
.flexplace .flex .title {margin:10px 0;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;*/font-weight:var(--fontbold);text-align:center}
.flexplace .flex > a {display:block;position:relative;background:var(--greylight);box-shadow:var(--shadowlight);padding:4%;    height: 100%;}
.flexplace .flex .imgplace {width: 100%;height: 355px;position: relative;/*overflow: hidden;*/display: flex;align-items: center;justify-content: center;}
.flexplace .flex img, .flex iframe {/*position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;*/max-height:100%;}
.tmprmp .flex img, .tmprlp .flex img {filter: drop-shadow(0px 0px 3px rgba(50, 50, 50, .5));}
.flexplace .flex .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
/*.flexplace .flex a:hover, .flex a:focus {transform: scale(1.05,1.05);}*/
.flexplace .flex a:hover .title, .flex a:focus .title {color:var(--maincolor)}
.flexplace .flex a:hover, .flex a:focus {box-shadow:var(--shadowgreen);}
.flexplace .flex .abstract {padding:0 3% 3% 3%}
.flexplace .flex.slide {margin:0;padding:10px;}
.flexplace .flex .moreabstract {text-align:justify}
/*.flexplace .flex .price span {font-weight:var(--fontbold)}
.flexplace .flex .moreabstract {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:75px;}*/

.flexsmall {width: 10.5%;margin: 1%;position:relative;max-width:150px;}
.flexsmall .title {margin:10px 0;font-weight:var(--fontbold);text-align:center;color:var(--greydark)}
.flexsmall > a {display:block;position:relative;background:var(--grey);box-shadow:var(--shadowlight);padding:10px;    height: 100%;}
.flexsmall .imgplace {width: 100%;height: 100px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.flexsmall img, .flexsmall iframe {max-height:100%;}
.flexsmall a:hover .title, .flexsmall a:focus .title {color:var(--maincolor)}
.flexsmall a:hover, .flexsmall a:focus {transform: scale(1.05,1.05);box-shadow: var(--shadowgreen);}

.flexsmalldontshowlast .flexsmall:last-of-type {display:none}


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

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

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

.featurescollection {padding: 0 10.5% 0 3%;margin-top:-200px;}
.featurescollection .flexplace {justify-content: flex-start;margin:  0;flex-direction: row-reverse;min-height:860px;}
.featurescollection .flexplace > div {width:35%;padding: 0% 0 0 4%}
.featurescollection .flexplace > div:nth-of-type(2n) {width:65%;padding:0}
.featurescollection .imgplace {height:600px;position:relative}
.featurescollection img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;padding:5px;border:1px solid var(--white)}
.featurescollection p {color:var(--white)}
.featurescollection a:hover, .featurescollection a:focus {text-decoration:underline}
.featurescollection h2 {font-size: 64px;letter-spacing: -2px;margin: 0 0 20px 0;text-align:center}
.featurescollection .thumb {display:flex;}
.featurescollection .thumb .imgplacesmall {margin:20px 0 0 20px;}
.featurescollection .thumb img {padding:5px;border:1px solid var(--white)}
.featurescollection .thumb .imgplacesmall > div:nth-of-type(2n) {padding:5px;text-align:center;color:var(--white)}
.featurescollection .thumb .imgplacesmall > div:first-of-type {width:180px;height:180px;position:relative;}
.featurescollection .title {color:var(--white);font-size:64px;margin:0% 0 10px 0;font-weight:200}
.featurescollection .slick-next {right:auto;left:80px;}
.featurescollection .btn {margin:10px 2px 0 0;background:none;border:1px solid var(--white)}
.featurescollection .paginginfo {position:relative;margin:10px 0 70px 0;} 
.featurescollection .paginginfo div {color:var(--fontcolor);text-shadow:none} 
.featurescollection .paginginfo:before, .featurescollection .paginginfo:after, .featurescollection .paginginfo div:first-of-type:after {background:var(--fontcolor)}
.featurescollection .slick-dots {bottom:auto;top:60px;right:0;width:auto}
.featurescollection .slick-dots li button:before {border-bottom: 1px solid var(--fontcolor);}
.featurescollection .slick-dots li.slick-active button:before {    border: 1px solid var(--fontcolor);}

.featurescategory > div {margin:3% 30% 3% 0;padding:5px;border:1px solid var(--greydark)}
.featurescategory > div:nth-of-type(2n) {margin:5% 0% 5% 30%;flex-direction: row-reverse;}
.featurescategory .abstract {padding:3% 6%;}
.featurescategory .title {font-weight:var(--fontbold);margin:0 0 10px 0;position:relative;font-size:18px;}
.featurescategory .imgplace a {    height: 100%;}
.featurescategory a:hover, featurescategory a:focus {text-decoration:underline}
.featurescategory .imgplace img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.featurescategory .feature .imgplace a {display:block}
.featurescategory .feature {display:flex;flex-wrap:wrap;min-height:460px;}
.featurescategory .feature > div {width:40%;display: flex;flex-direction: column;justify-content: center;}
.featurescategory .feature strong a {font-weight:var(--fontbold)}
.featurescategory .feature .imgplace {width:60%;position:relative;}
.featurescategory .secdiv, .featurescategory .abstract.opened .openmorefea {display:none}
.featurescategory .abstract.opened .secdiv {display:block}
.featurescategory .aboutpage {display:none;border:1px solid var(--greydark);background:var(--grey);margin:auto;width: 185px;}
.featurescategory .aboutpage span {background:var(--greydark);color:var(--white);padding:10px;flex:auto}
.featurescategory .aboutpage:before {content:"";display:block;background: url(../images/anzus.png) center center no-repeat;padding:10px;width: 50px;}
.featurescategory p {margin:0 0 10px 0;text-align:justify}
.featurescategory p img {    max-width: 25%;}

.indexcontact {background: url(../images/bgcontact.jpg) center center no-repeat;background-size: 120%;text-align:center;margin:0% 3% 6% 3%;background-attachment:fixed}
.indexcontact h2, .indexcontact p {color:var(--white);}
.indexcontact h2 {font-size:64px;}

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


.infoboxesplace {display: flex;flex-wrap: wrap;justify-content: center;margin:2% auto 5% auto;width:100%;float:left}
.infoboxesplace .infobox {width: 23%;margin: 1%;position:relative}
.infoboxesplace .infobox .title {margin:10px 0;/*display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;*/font-weight:var(--fontbold);}
.infoboxesplace .infobox > a {display:block;position:relative;box-shadow:var(--shadowlight);padding:4%;border:1px solid var(--greydark);    height: 100%;}
.infoboxesplace .infobox .imgplace {width: 100%;height: 200px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.infoboxesplace .infobox img, .infoboxesplace .infobox iframe {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.infoboxesplace .infobox .noimg {position:static;width:auto;height:auto;max-width: 90%;max-height: 90%;}
.infoboxesplace .infobox a:hover img, .infoboxesplace .infobox a:focus img {transform: scale(1.1,1.1);}
.infoboxesplace .infobox a:hover .title, .infoboxesplace .infobox a:focus .title {color:var(--maincolor)}
.infoboxesplace .infobox a:hover, .infoboxesplace .infobox a:focus {box-shadow:var(--shadowdark);}
.infoboxesplace .infobox .abstract {padding:0 3% 3% 3%}
.infoboxesplace .infobox .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:80px;text-align:justify}
.infoboxesplace .infobox.slide {margin:0;padding:10px;}
.infoboxesplace .slick-slide > div {padding: 10px;}

.infoboxesplace2 {display: flex;flex-wrap: wrap;justify-content: center;margin:2% auto 5% auto;}
.infoboxesplace2 > div {width: 20%;padding: 2%;position:relative}
.infoboxesplace2 > div .title {margin:10px 0;font-weight:var(--fontbold);text-align:center;color:var(--maincolor);font-size:18px}
.infoboxesplace2 > div > a {display:block;position:relative;box-shadow:var(--shadowlight);padding:4%;border:1px solid var(--greydark);    height: 100%;}
.infoboxesplace2 > div .imgplace {width: 100%;height: 100px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.infoboxesplace2 > div img, .infoboxesplace2 > div iframe {max-height:100px;margin:auto}
#featuresplace #infoboxetitle {font-size:30px;color:var(--maincolor);width:100%;flex:auto;text-align:center;font-weight:500}
.infoboxesplace2 > div p {text-align:justify}
.infoboxesplace2 h2 {width: 100%;text-align: center;}

/*.tmpcontractor #featuresplace {float:left}*/

.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 {margin:20px 0;width: 100%;
    float: left;}
.projectgallery img {height:400px;}
.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: 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);}

.tmpcontact .contactformplace {background: var(--black);padding: 4%;position: relative;}
.tmpcontact .contactformplace:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";display: block;background: url(../images/bgcontact.jpg) center center no-repeat;opacity: .5;background-size: cover;}
.tmpcontact .contactform {position:relative;}
.tmpcontact .contactform > div {display: flex;flex-wrap: wrap;margin:0 0 20px 0}
.tmpcontact .contactform > div label {margin: 0 0px 18px 1%;display: flex;align-items: flex-start;width: 32.3%;}

.tmpcontact .contactform > div > div:first-of-type {border: 1px solid var(--white);padding: 5px;align-items: center;}
.tmpcontact .contactform > div > div:first-of-type label {margin:0 0 0 10px;width: auto;}
.tmpcontact .contactform > div > div:last-of-type {padding:5px 0;flex:auto}
.tmpcontact .contactform > div:last-of-type {padding:5px 0;justify-content: flex-end;}
.tmpcontact .contactform > div > div:last-of-type label {margin: 0 0 0 20px;width: auto;}
.tmpcontact .contactform label {margin:0 0px 18px 1%;display: flex;align-items: center;    width: 24%;}
.tmpcontact .contactform span, .tmpcontact .contactform .errorplace, .indexcontact .contactform .errorplace {color:var(--white);}
.tmpcontact .contactform .errorplace, .indexcontact .contactform .errorplace {width:100%;padding: 2px;background:var(--blackopacity)}
.tmpcontact .contactform .errorplace {display:none}
.tmpcontact .contactform .checkplace {display: flex;flex-wrap: wrap;padding: 5px;align-items: center;}
.tmpcontact .contactform input[type="submit"] {background:none;border:1px solid var(--white);width: 24%;margin:0 1%;}
.tmpcontact .contactform input[type="submit"]:hover {background:var(--maincolor)}
.tmpcontact .contactform .jointomailinglist span {font-size:16px;}
.tmpcontact ::-webkit-input-placeholder { color:var(--black)}
.tmpcontact ::-moz-placeholder { color:var(--black)}
.tmpcontact :-ms-input-placeholder {color:var(--black) }
.tmpcontact :-moz-placeholder {color:var(--black) }
.tmpcontact .contactform .title {    padding: 0 2%;color: var(--white);}

.tmpcontact .smalltitle, .tmpcontact .bodytext h2 {color:var(--fontcolor);margin:0;font-weight:600;font-size: 30px;text-align:center}

.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 0;}
.contactform label input, .contactform label textarea, .contactform select {background:var(--whiteopacity);border:1px solid var(--greygrey)}
.contactform textarea {height:105px;float: left;width: 100%;}
.contactform select {padding:9px;}
.contactform .errorplace {display: none;color:#000;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;}
.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 a[href^="tel:"] {}
.contactform a[href^="mailto:"] {}
.contactform input.error,.contactform select.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}

.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:250px;position:relative;width:200px;*/margin:20px 0 0 0}
.archprojects .imgplace2 img {position: static;
    max-width: 200px;
    max-height: 250px;}
.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;top: -30px;}
.archprojects .slick-prev {top: -30px;}
.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%}

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

.contactfooter {margin:3%;background:var(--black);padding:3%;position:relative;float:left;width: 94%;}
.contactfooter:before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;background: url(../images/bgcontact.jpg) center center no-repeat;opacity:.5;background-size:cover}
.contactfooter .contactform .title {padding:0 2%;color:var(--white);}
.contactfooter div.title, .contactfooter h3.title, .contactfooter h2.title {font-size:3.3vw;font-weight:200;line-height: 100%;}
.contactfooter span.title {font-weight:500;width:25%;}
.contactfooter .contactform {position:relative}
.contactfooter p {color:var(--white);font-weight:300;margin:0 auto 20px auto;text-align:center;max-width:70%}
.contactfooter .contactform, .contactfooter .contactform > div > div, .contactfooter .contactform > div > div > div {display:flex;    flex-wrap: wrap;justify-content: center;}
.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(--white);font-size: 12px;}
.contactfooter .contactform .errorplace {display:none;width:100%;padding: 2px;background:var(--blackopacity)}
.contactfooter .contactform input[type="submit"] {background:var(--blackopacity);border:1px solid var(--white);width: 24%;margin:0 1% 0 0;}
.contactfooter .contactform input[type="submit"]:hover {background:var(--maincolor)}
.contactfooter .contactform .jointomailinglist {width:30%}
.contactfooter .contactform .jointomailinglist span {font-size:16px;}

.contactform.duo {display:flex;flex-wrap:wrap}
.contactform.duo > div {width:48%;margin:1%;padding:2%;display:block}
.contactform.duo > div label {width:100%;margin:0 0 15px 0}
.contactform.duo textarea {height: 190px;}
.contactform.duo input[type="submit"] {width:100%;background:var(--blackopacity)}

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

.tmpcontact .contactform > div:last-of-type.sepline {margin:20px 0;padding:20px 0;border-top:1px solid #fff}

.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:25%;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:10px;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(--maincolor);color:var(--maincolor);    font-weight: var(--fontbold);font-size:20px;}
#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}

.contactplace {padding:4%;background-color: transparent;background-image: radial-gradient(at center center, #000000 0%, #F2295B00 90%);}
.contactplace label span {color:var(--white)}
.contactplace .title {color:var(--white);font-weight:500;text-align:initial;margin:0 0 5px 0;}
.contactplace .contactform {display:flex;flex-wrap:wrap;max-width:670px;margin:30px auto 0 auto}
.contactplace .contactform > div {width:50%;padding:2%}
.contactplace label {margin:0 0px 15px 0;display: flex;align-items: center;}
.contactplace ::-webkit-input-placeholder { color:var(--black)}
.contactplace ::-moz-placeholder { color:var(--black)}
.contactplace :-ms-input-placeholder {color:var(--black) }
.contactplace :-moz-placeholder {color:var(--black) }
.contactplace input[type="submit"] {background:var(--blackopacity);border:1px solid var(--white);margin:0px 0;}
.contactplace input[type="submit"]:hover {background:var(--maincolor);}
.contactplace .checkplace {background:var(--blackopacity);padding:15px;border:1px solid var(--white);}

.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 .content {padding:0}
.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}

.tmpyoutube .content {padding:0;}
.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}


.tmpformside2 .videosplace > div, .tmpformside2 .videosplace > div:nth-of-type(2n) {margin:0 0 10px 0;}
.tmpformside2 .features .feature .title {min-height:53px;}
.tmpformside2 .videosplace .abstract .moreabstract {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height:80px;}
.tmpformside2 .videosplace > div > div {min-height: 250px;}

.tmprmpmamad .bodyflex > div {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.tmprmpmamad .magazinplace .back {margin:0}

.back {display: flex;border: 1px solid var(--greydark);background: #F3F3F3;margin: 20px auto 0 auto;width: 300px;padding: 10px;align-items: center;justify-content: center;flex-direction: row-reverse;}
.back:after {content:"";display:block;width:40px;height:15px;background: url(../images/back.png) center center no-repeat;margin:0 10px;}
.back:hover, .back:focus {background:var(--black);color:var(--white)}
.back:hover:after, .back:focus:after {background: url(../images/backwhite.png) center center no-repeat;}

footer {padding:2% 0;width:94%;margin:0 3%;display: flex;border-top:1px solid var(--grey);border-bottom:1px solid var(--grey);    flex-wrap: wrap;}
footer > div:first-of-type {flex:auto}
footer > div:nth-of-type(2n) {flex:auto}
footer > div:nth-of-type(3n) {}

.credits {padding:2% 3% ;}
.credits a:hover, .credits a:focus {color:var(--maincolor);}
.credits p, .credits a {margin:0;font-size:14px;}

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


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

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

.kablanim {width:30px;height:62px;display: block;background:url(../images/kablanim.png) center center no-repeat;}
.kablanim2 {font-weight: 500;display: flex;padding: 18px 15px;align-items: center;height: 100%;justify-content: center;color: var(--black);text-align: center;position: relative;font-size: 20px;}
.kablanim2:hover, .kablanim2:focus, .tmpcontractor .kablanim2 {color: var(--white);background: var(--maincolor);}

.acoustics .flexplace .flex .imgplace:after {width:55px;height:55px;display: block;background:url(../images/acoustics.png) center center no-repeat;position:absolute;right:10px;top:10px;content:"";}

.leftcolumn {width: 94%;float: left;padding:5px;margin:0 3% 3% 3%;border:1px solid var(--greydark);}
.leftmenu {display:flex;flex-wrap: wrap;justify-content: center;background:var(--grey);padding:4%;align-items: center;position:relative}
.leftmenu a {display:inline-block;padding:5px 10px;color:var(--fontcolor);border:1px solid var(--greydark);margin:10px;font-weight:var(--fontbold)}
.leftmenu a:hover {background:var(--white);border:1px solid transparent}
.leftmenu .this a {background:var(--white);border:1px solid transparent}
.leftmenu div,.leftmenu h2 {font-size:46px;font-weight:200;padding:0 0 0 20px;margin:0 0 0 20px;border-left:1px solid var(--greydark)}
.leftmenu .level2, .leftmenu .level3 {display:none}
.leftcolumn .bgline.shortline {    position: absolute;right: 20%;top: 0;width: 200px;height: 40px;padding: 0;margin: 0;border: none;}


.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 {width: 100%;float: left;display:flex;flex-wrap: wrap;border-top: 1px solid var(--greygrey);padding: 4% 0;}
.testsplace > div {width:67%;position:relative}
.testsplace > div:first-of-type {padding: 6% 10.5% 6% 1%;width:33%}
.testsplace h2 {color:var(--white);position:relative;font-size:64px;}
.testsplace h2 > span {position:relative;display:inline-block}
.testsplace > div:first-of-type:after {width:1px;height:100%;background:var(--maincolor);content:"";display:block;position:absolute;left:0%;top:0px;}
.testsplace .similarslider {margin:5% 0 0 0;padding:0 5%}
.testsplace .title {color:var(--white);font-weight:500;margin:0 0 5px 0;}
.testsplace .date:after {width:100%;height:1px;background:var(--maincolor);content:"";display:block;position:absolute;right:0;bottom:0px;}
.testsplace .date {color:var(--white);padding:0 0 10px 0;margin:0 0 10px 0;position:relative;}
.testsplace .abstract, .testsplace .abstract p, .testsplace .abstract div {color:var(--white);font-size:16px;}
.testsplace .slide {padding:75px 50px 0 30px;background: url(../images/tests.png) 84% 0 no-repeat;}
/*.testsplace .slick-slide {width:300px;}*/
.testsplace .slick-prev {left:0px;background: rgba(50, 50, 50, 0.7) url(../images/whitearrow.png) center center no-repeat;border:none}
.testsplace .slick-next {right:0px;background: rgba(50, 50, 50, 0.7) url(../images/whitearrow.png) center center no-repeat;border:none}
.testsplace .btn {border: 1px solid var(--greygrey);float: right;background: var(--greydark);z-index: 2;margin:30px 0 0 20px;}

.testsslider .slick-slide {width:300px;}

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

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

.footerlinksplace {display: flex;flex-wrap: wrap;}
.footerlinksplace .title {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(--maincolor);font-weight:800;text-align:center;font-size: 30px;padding: 7.5px;float:left;line-height:100%;color:var(--white);direction: ltr;height:100%}
a.mainphone div {text-align:center;font-size: 14px;color:var(--white)}
a.mainphone:hover, a.mainphone:focus {background:var(--black)}

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 {float:right;margin:0 0 0 10px;background:var(--white) url(../images/print.png) 95% center no-repeat;padding:10px 50px 10px 15px;font-weight:var(--fontbold);color:var(--fontcolor);border:1px solid var(--greydark)}
a.downloadabout:hover, a.downloadabout:focus {background:var(--black) url(../images/print2.png) 95% center no-repeat;}

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:#2F80ED url(../images/write.png) center center no-repeat;display:none;width: 50px;height: 50px;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}
.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;}
.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;}
.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 > div {padding:10px;border-bottom:1px solid var(--grey)}
.favplace img {width:100px;}
.favplace a {font-weight:bold}
.favplace span {padding:0 5px;display:inline-block;}
.favplace a:hover, .favplace a:focus {text-decoration:underline}
*/
.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}

.contractorplace {height:480px;position:relative;display:flex;padding:0 10% 0 0;align-items: center;}
.contractorplace .contractorstrip {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.contractorplace:after {position: absolute;width: 100%;height: 100%;top: 0;left: 0;content:"";display:block;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0) 40%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);}
.contractorplace .bodytext {position:relative;z-index:2;margin:0;max-width:550px;}
.tmpcontractor .contractorplace .bodytext h2 {font-size:30px;font-weight:500}

.contractorfeatures {margin:3% 0;    display: flex;flex-wrap: wrap;}
.contractorfeatures > div {width: 23%;margin: 1%;position:relative;border:1px solid var(--greydark);box-shadow:var(--shadowlight);padding:10px;}
.contractorfeatures > div .title {margin:10px 0;font-weight:500;font-size:30px;}
.contractorfeatures > div .imgplace {width: 100%;height: 330px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background:var(--grey)}
.contractorfeatures > div img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.contractorfeatures > div a:hover img, .contractorfeatures > div a:focus img {transform: scale(1.1,1.1);}
.contractorfeatures > div a:hover .title, .contractorfeatures > div a:focus .title {color:var(--maincolor)}
.contractorfeatures > div a:hover, .contractorfeatures > div a:focus {box-shadow:var(--shadowdark);}
.contractorfeatures > div .abstract {padding:0 3% 3% 3%;font-weight:500;text-align:justify}
.contractorfeatures > div .moreabstract p {font-size:16px;margin:0 0 10px 0;}
.tmpcontractor .contractorfeatures > div .imgplace {    height: 200px;}
.tmpcontractor .contractorfeatures .btn2 {color:var(--maincolor);font-weight:600;}

.simplehous .contractorfeatures > div {width: 31.3%;}
.simplehous .contractorfeatures > div .imgplace {height: 200px;}

.smallimgplace .contractorfeatures .smallimg {position:absolute;right:0;bottom:0;width:100px;height:100px;display: flex;align-items: center;justify-content: center;background:var(--white)}
.smallimgplace .contractorfeatures .smallimg img {width:auto;height:auto;position:static}
.smallimgplace .contractorfeatures a:hover .smallimg img {transform: scale(1, 1);}

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

.projectsplace {margin:3% 0;text-align:center;float:left;width:100%}
.projectsplace h2 {margin:0 0 20px 0;text-align:center;font-size: 64px;}

.projectsplace {margin:3% 0; }
.projectsplace .slick-slide {float:right}
.projectsplace .feature {position:relative;border:1px solid var(--greydark);box-shadow:var(--shadowlight);padding:10px;}
.projectsplace .feature .title {margin:10px 0;font-weight:500;font-size:30px;min-height:75px;}
.projectsplace .feature .imgplace {    width: 100%;height: 330px;position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;background: var(--grey);}
.projectsplace .feature img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.projectsplace .feature a:hover img, .projectsplace .feature a:focus img {transform: scale(1.1,1.1);}
.projectsplace .feature a:hover .title, .projectsplace .feature a:focus .title {color:var(--maincolor)}
.projectsplace .feature a:hover, .projectsplace .feature a:focus {box-shadow:var(--shadowdark);}
.projectsplace .feature > .abstract {padding: 0 3% 3% 3%;font-weight: 500;text-align: justify;min-height:205px;}
.projectsplace .feature .moreabstract p {font-size:16px;margin:0 0 10px 0;}
.projectsplace .feature .smallimg {position: absolute;right: 0;bottom: 0;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;background: var(--white);}
.projectsplace .feature .smallimg img {width: auto;height: auto;position: static;}

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

.tmpcontractor .duoflex2 {flex-wrap: wrap;display:flex}
.duoflex2 .slide {width:31%;margin:1%;}
.duoflex2.slick-slider .slide {width:100%;margin:0%;}
.duoflex2 .peopleitem {display:flex;flex-direction: row-reverse;}
.duoflex2 .peopleitem > div {width:40%;position:relative;}
.duoflex2 .peopleitem > div:nth-of-type(2n) {padding:0 10px;width:60%;}
.duoflex2 .peopleitem .imgplace {background:var(--grey);height:180px;width:180px;}
.duoflex2 .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;}
.duoflex2 .peopleitem .title {font-weight:var(--fontbold)}
.duoflex2 .peopleitem .abstract > div {font-weight:500;margin:0px 0 5px 0;color:var(--white)}
.duoflex2 .peopleitem .abstract span {font-weight:200;display:inline-block;color:var(--white);margin:5px 0 10px 0;}
.duoflex2 .peopleitem a {color:var(--white)}
.duoflex a[href^="tel:"], .duoflex2 a[href^="tel:"] {word-break: break-word;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:"], .duoflex2 a[href^="mailto:"] {word-break: break-word;background: url(../images/mail2.png) right center no-repeat;padding: 5px 30px 5px 0;background-size: 20px;display:block;text-decoration:underline}

.tmpcontractor .darkgreyplace {margin:3% 0;float:left;width:100%;padding:2% 6%;}
.tmpcontractor .darkgreyplace h2 {font-size:64px;margin:0 0 20px 0;color:var(--white)}
.tmpcontractor .bodytext p img {display:inline-block;padding:0;border:none;margin:auto}
.tmpcontractor .bodytext h2 {    font-size: 64px;}
.tmpcontractor .contractorfeatures {margin:3% 0 6% 0}
.tmpcontractor .contractorfeatures > div img {position:static;width:auto;height:auto}
.tmpcontractor .slick-slide {padding:10px;}

.tmpcontractor .slick-prev {left:auto;right:-40px;-webkit-transform: scaleX(1);transform: scaleX(1);}
.tmpcontractor .slick-next {right:auto;left:-40px;-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.tmpcontractor .doorsinfoboxesplace {width:100%;float:left;padding:0 4%}
.tmpcontractor .doorsinfoboxesplace .slick-prev {right:0}
.tmpcontractor .doorsinfoboxesplace .slick-next {left:0}
.tmpcontractor h3.centertitle {font-size: 30px;
    color: var(--maincolor);
    width: 100%;
    flex: auto;
    text-align: center;
    font-weight: 500;}

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

.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));}
body.tmpquestionnaire .a2a_kit {display:none}

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

.tmpquestionnaire .credits {display:none}
.tmpquestionnaire .content {padding:0}
.tmpquestionnaire .columns:after{
  content:"";
  position: absolute;
  left: 0;
  bottom: 0;              
  width: min(40vw, 520px);
  height: 80vh;           
  z-index: 24;
  display: block;

  background-image: url(../images/man.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  pointer-events: none;
}
.tmpquestionnaire .columns  {display: flex;align-items: center;height: 100%;flex-direction: column;justify-content: center;}
.tmpquestionnaire .manmovieplace {position:fixed;left:0;bottom:0;background: url(../images/manbg.png) center center no-repeat;width:480px;height:640px;background-size: contain;}
.tmpquestionnaire .titleplace h1 {font-weight:500;font-size:46px;letter-spacing: 0;}
.tmpquestionnaire .titleplace:after {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;}
@-webkit-keyframes titleplaceh1a {
  0% {width:0px;margin: 0 ;}
  100% {width:100%;margin: 0 0 0 -50%;}
}
@keyframes titleplaceh1a {
  0% {width:0px;margin: 0 ;}
   100% {width:100%;margin: 0 0 0 -50%;}
}

.innerbreadcrumbs {display:flex;justify-content: center;margin:20px auto}
.innerbreadcrumbs span {display:inline-block;}
.innerbreadcrumbs button {padding:5px;font-size:18px;display: flex;align-items: center;color:var(--maincolor)}
.innerbreadcrumbs button span {font-size:20px;font-weight:200;display:none}
/*.innerbreadcrumbs button:after {content:"";display:block;margin:0 5px 0 0;font-size:16px;}*/
.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(--black)}
.btnicon {padding:80px 0 0 0}

.appenddata {display:none}
.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;}

.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;position:relative;z-index:25}



.tmpquestionnaire .bgline.shortline {position: absolute;right: 80%;top: 10%;width: 360px;height: 400px;}
.tmpquestionnaire .bgline.longline {position: absolute;left: 50%;top: 0;width: 80%;height: 100%;}

.surveyplace {margin:20px 0 0 0}
.surveyplace .title {text-align:center;margin:0 0 20px 0;font-size:34px;/*font-style:italic*/}
.surveyplace .subtitle {text-align:center;margin:20px 0 0 0 ;}
.surveyplace button, .readscene {    color: var(--fontcolor);
    text-align: center;
    border: 1px solid #647d64;
    padding: 15px 25px;
    margin: 0 10px;
    box-shadow: 0px 0px 20px rgba(100, 100, 100, .5);
    font-weight: var(--fontbold);
    background: var(--white);
    border-radius: 5px;} 
.surveyplace button:hover, .surveyplace button:focus, .readscene:hover, .readscene:focus {background:var(--greydark);border:1px solid transparent;color:var(--white)}
.surveyplace img {margin:auto;    display: block;max-height:200px;}
.surveyplace a span {display:block;text-align:center;font-size: 16px;}

.surveyplace #btn4 {background: url(../images/btn4.png) center 10px no-repeat;background-size: 70px;padding:65px 15px 15px 15px;}
.surveyplace #btn5 {background: url(../images/btn5.png) center 10px no-repeat;background-size: 70px;padding:65px 15px 15px 15px;}
.surveyplace #btn4:hover {background:#323232 url(../images/btn4_a.png) center 10px no-repeat;background-size: 70px;}
.surveyplace #btn5:hover {background:#323232 url(../images/btn5_a.png) center 10px no-repeat;background-size: 70px;}


#indoorsubscene4a button, #indoorsubscene4b button, #indoorsubscene4c button, #indoorsubscene4d button,
.surveyplace .indoorsceneopenform, .surveyplace .opencontactform {min-height:70px}

.surveyplace .scene .scenegreyplace {background: var(--grey);padding: 4% 2%;position:relative;z-index:9;background: url(../images/bgman.png) 0 0px no-repeat;background-size: cover;}
.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: 34px;letter-spacing: 0;text-align: center;margin: 0 auto 20px auto;display: block;line-height: 100%;color:var(--maincolor)}
.surveyplace .bigtitle:after {content: "";display: block;height: 1px;background: var(--grey);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 5px;font-size: 16px;}

.surveyplace .indoorsceneopenform, .surveyplace .opencontactform {background:var(--greygrey);color:var(--white);display: flex;align-items: center;}
.surveyplace .readscene {min-height: 70px;}

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



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 .logo {display: flex;justify-content: center;padding: 20px;}*/
.tmpregularen .mainmenu {justify-content: flex-end;padding:0 4% 0 0}
.tmpregularen .titleplace {    margin: 70px 0 3% 0;}

.tmpdoor .columns.page {max-width:100%;padding:0 10.5% 0 0}
.tmpdoor .smalltitle {color:var(--fontcolor);text-align:initial;font-size:20px;}
.tmpdoor h1 span {display:inline-block;margin:0 0 0 30px;position:relative;font-size:40px;letter-spacing: 0;align-items: center;/*direction: ltr;*/}
.tmpdoor h1 span:first-of-type {font-size: 40px;font-weight:200;}
.tmpdoor h1 span:first-of-type:after {display:none}
.tmpdoor h1 span:after {content:"-";display:inline-block;position:absolute;right:-20px;}

.doorswrap {display:flex;position:relative;align-items: flex-start;margin:30px 0 0 0;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 {padding:0 2% 0 0;margin: 0 2% 0 0;flex: auto;border-right:1px solid var(--grey)}
.doorswrap > div:nth-of-type(2) {flex: auto;padding:0 0 0 1%;}
.doorswrapbot > div:nth-of-type(2) { width: 33%}

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

.resultdoor {position:sticky;position: -webkit-sticky;top: 100px;max-width: 33%;}

.optionsdoors > div {margin:0 0 10px 0;background:var(--greylight);padding:.5% 1%}
.optionsdoors h2, .optionsdoors .bigtitle {margin:1%;position:relative;display:flex;align-items: center;font-size: 40px;line-height: 100%;font-weight: 200;}

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

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

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

.btnchoose button, .btnchoose a {width:10.5%;margin:1px 1% 20px 1%;position:relative;border:1px solid transparent;    display: flex;flex-direction: column;align-items: center;}
.btnchoose button .title, .btnchoose a .title {margin:5px 0;font-size: .85vw;text-transform:uppercase;text-align: center;font-weight:500}
/*.tmpdoorout .btnchoose button .title, .tmpdoorout .btnchoose a .title {direction: ltr;}*/
.btnchoose button span, .btnchoose a span {height:100px;display:flex;width: 100%;background:var(--grey);align-items: center;justify-content: center;overflow:hidden;position:relative;/*border:1px solid var(--greygrey)*/}
.btnchoose button.this, .btnchoose a.this {border:1px solid var(--greydark);}
.btnchoose button span img, .btnchoose a span img {max-width:98%;max-height: 98%;}
.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:#999798;}*/
.btnchoose .color17 span, #bigdoor.color17 #front {background:#b3b3b3;}

.btnchoose .color8 span {background: url(../images/texture1.jpg);}
#bigdoor.color8 #front {background: url(../images/texture1.jpg);background-size: contain;}
#bigdoor.color8 #jamb .left {background: url(../images/texture1ver.jpg) 0 0px no-repeat;background-size: cover;}
#bigdoor.color8 #jamb .right {background: url(../images/texture1ver.jpg) 0px 0px no-repeat;background-size: cover;}
/*#bigdoor.color8 #jamb.jamb2 .top {background: url(../images/texture1ver.jpg) 0px 103.5% no-repeat;background-size: cover;}*/

.btnchoose .color9 span {background: url(../images/texture9.jpg);}
#bigdoor.color9 #front {background: url(../images/texture9.jpg);background-size: contain;}
#bigdoor.color9 #jamb .left {background: url(../images/texture9ver.jpg) 0 0px no-repeat;background-size: cover;}
#bigdoor.color9 #jamb .right {background: url(../images/texture9ver.jpg) 0px 0px no-repeat;background-size: cover;}
/*#bigdoor.color9 #jamb.jamb2 .top {background: url(../images/texture9ver.jpg) 0px 103.5% no-repeat;background-size: cover;}*/

.btnchoose .color10 span {background: url(../images/texture10.jpg);}
#bigdoor.color10 #front {background: url(../images/texture10.jpg);background-size: contain;}
#bigdoor.color10 #jamb .left {background: url(../images/texture10ver.jpg) 0 0px no-repeat;background-size: cover;}
#bigdoor.color10 #jamb .right {background: url(../images/texture10ver.jpg) 0px 0px no-repeat;background-size: cover;}
/*#bigdoor.color10 #jamb.jamb2 .top {background: url(../images/texture10ver.jpg) 0px 103.5% no-repeat;background-size: cover;}*/

.btnchoose .color11 span {background: url(../images/texture11.jpg);}
#bigdoor.color11 #front {background: url(../images/texture11.jpg);background-size: contain;}
#bigdoor.color11 #jamb .left {background: url(../images/texture11ver.jpg) 0 0px no-repeat;background-size: cover;}
#bigdoor.color11 #jamb .right {background: url(../images/texture11ver.jpg) 0px 0px no-repeat;background-size: cover;}
/*#bigdoor.color11 #jamb.jamb2 .top {background: url(../images/texture11ver.jpg) 0px 103.5% no-repeat;background-size: cover;}*/

.btnchoose .color12 span {background: url(../images/texture12.jpg);}
#bigdoor.color12 #front {background: url(../images/texture12.jpg);background-size: contain;}
/*#bigdoor.color12 #jamb .left {background: url(../images/texture12ver.jpg) 0 0px no-repeat;background-size: cover;}
#bigdoor.color12 #jamb .right {background: url(../images/texture12ver.jpg) 0px 0px no-repeat;background-size: cover;}
#bigdoor.color12 #jamb.jamb2 .top {background: url(../images/texture12ver.jpg) 0px 103.5% no-repeat;background-size: cover;}*/

.btnchoose .color13 span {background: url(../images/texture13.jpg);}
#bigdoor.color13 #front {background: url(../images/texture13.jpg);background-size: contain;}
/*#bigdoor.color13 #jamb .left {background: url(../images/texture13ver.jpg) 0 0px no-repeat;background-size: cover;}
#bigdoor.color13 #jamb .right {background: url(../images/texture13ver.jpg) 0px 0px no-repeat;background-size: cover;}
#bigdoor.color13 #jamb.jamb2 .top {background: url(../images/texture13ver.jpg) 0px 103.5% no-repeat;background-size: cover;}*/

.btnchoose .color14 span {background: url(../images/texture14.jpg);}
#bigdoor.color14 #front {background: url(../images/texture14.jpg);background-size: contain;}
#bigdoor.color14 #jamb .left {background: url(../images/texture14ver.jpg) 0 0px no-repeat;background-size: cover;}
#bigdoor.color14 #jamb .right {background: url(../images/texture14ver.jpg) 0px 0px no-repeat;background-size: cover;}
/*#bigdoor.color14 #jamb.jamb2 .top {background: url(../images/texture14ver.jpg) 0px 103.5% no-repeat;background-size: cover;}*/

.btnchoose .color15 span {background: url(../images/texture15.jpg);}
#bigdoor.color15 #front {background: url(../images/texture15.jpg);background-size: contain;}
#bigdoor.color15 #jamb .left {background: url(../images/texture15ver.jpg) 0 0px no-repeat;background-size: cover;}
#bigdoor.color15 #jamb .right {background: url(../images/texture15ver.jpg) 0px 0px no-repeat;background-size: cover;}
/*#bigdoor.color15 #jamb.jamb2 .top {background: url(../images/texture15ver.jpg) 0px 103.5% no-repeat;background-size: cover;}*/

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

/*#front .light {position: absolute;top: 28px;width: 80%;left: 10%;height: 100%;background: rgb(255,255,255);background: linear-gradient(270deg, rgba(255,255,255,0.10407913165266103) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.09567577030812324) 100%);}*/

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

.tmpdoorout .glasssplace {display:none}

.tmpdoorout .imagesplace {text-align:center;margin:40px auto;max-width: 800px;}
.tmpdoorout .imagesplace img {max-height: 500px;}
.tmpdoorout .imagesplace h2 {margin:0 0 20px 0;}
.tmpdoorout .sliderbtn {bottom: 0px;}

#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;background: url(../images/grid1nikel.png) center center repeat-x;}
#gridfront.grid4 > div:after, #gridfront.grid4 > div:before {position: absolute;width: 100%;height: 45%;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
#gridfront.grid4 > 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.grid7 > div {display: flex;align-items: center;background: url(../images/grid1nikel.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;    top: 28px;height: 650px;}
#gridfront.grid7 > div:after, #gridfront.grid7 > div:before {    position: absolute;width: 100%;height: 60px;content: "";display: block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
#gridfront.grid7 > div:before {background: url(../images/grid1nikel.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.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) 70px bottom repeat-y;width: 100%;height: 650px;top: 28px;left: 0;opacity:.5}
#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;left: 90px;}
#gridfront.grid8a > div:before {background: url(../images/grid2white.png) center bottom repeat-y;left: 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 0px;}
#gridfront.grid11:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid11shadow.png) center 0 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 0;}
#gridfront.grid12:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid12shadow.png) center 0 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.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: 10px center;mask-position: 10px 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: 190px;height: 600px;-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 0px;mask-position: center 0px;}
#gridfront.grid16:after {content:"";display:block;width: 190px;height: 600px;background: url(../images/grid16shadow.png) center 0px no-repeat;}

#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: center 10px;mask-position: center 10px;top: 60px;}
#gridfront.grid18:after {content:"";display:block;width: 190px;height: 600px;background: url(../images/grid18shadow.png) center 15px no-repeat;}

#gridfront.grid27 > div {background: url(../images/grid27.png) center 28px no-repeat;opacity: .5;}

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

#gridfront.grid28 > div {width: 190px;height: 570px;background: url(../images/grid1.png) center 0 repeat-x;}
#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/grid4.png) 70px bottom repeat-y;width: 100%;height: 650px;top: 28px;left: 0;}
#gridfront.grid29 > div:after, #gridfront.grid29 > div:before {position: absolute;width: 2px;height: 100%;content:"";display:block;background: url(../images/grid4.png) center 0 repeat-y;left:100px;}
#gridfront.grid29 > div:before {background: url(../images/grid4.png) center bottom repeat-y;left:130px;}

#gridfront.grid29 .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.grid29 .moregrid:after, #gridfront.grid29 .moregrid:before {position: absolute;width: 100%;height: 60px;content:"";display:block;background: url(../images/grid1.png) center 0 repeat-x;}
#gridfront.grid29 .moregrid:before {background: url(../images/grid1.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.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;/*mask-image: linear-gradient(#ff0000 100%, transparent 0);background: url(../images/glass1.jpg) center center no-repeat;clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);*/}
#gridfront.grid26:after {content: "";display: block;width: 210px;height: 590px;background: url(../images/grid26shadow.png) center 5px 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: 650px;top: 28px;left: 0;}
#gridfront.grid37 > div:after, #gridfront.grid37 > div:before {position: absolute;width: 2px;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.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;background: url(../images/grid1.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;    top: 28px;height: 650px;}
#gridfront.grid39 > div:after, #gridfront.grid39 > div:before {    position: absolute;width: 100%;height: 60px;content: "";display: block;background: url(../images/grid1.png) center 0 repeat-x;}
#gridfront.grid39 > div:before {background: url(../images/grid1.png) center bottom repeat-x;}
*/
#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;background: url(../images/grid1white.png) center center repeat-x;height: 10%;width: 80%;position: absolute;left: 33px;    top: 28px;height: 650px;}
#gridfront.grid39a > div:after, #gridfront.grid39a > div:before {    position: absolute;width: 100%;height: 60px;content: "";display: block;background: url(../images/grid1white.png) center 0 repeat-x;}
#gridfront.grid39a > div:before {background: url(../images/grid1white.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%;opacity:.5}
#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;}

/*
.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;}
#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.jamb4 .top {    width: 90%;}
#jamb.jamb4 .right, #jamb.jamb4 .top span:before, #jamb.jamb4:before {display: none;}*/
#jamb.jamb4 .top:after {height: 5px;}
#jamb.jamb4 .left span:after {width: 5px;}
#jamb.jamb4 .right span:after {left: -5px;    width: 5px;}
#jamb.jamb4:before {display:none}


/*
#jamb.jamb2 .left span:before {left: 68%;height: 100%;content:"";display:block;width:5px;position:absolute;top:15px;background: rgb(0,0,0);background: linear-gradient(270deg, rgba(0,0,0,0.3029586834733894) 0%, rgba(0,0,0,0) 100%);transform: rotate(180deg);}
#jamb.jamb2 .right span:before {left: 20%;height: 100%;content:"";display:block;width:5px;position:absolute;top:15px;background: rgb(0,0,0);background: linear-gradient(270deg, rgba(0,0,0,0.3029586834733894) 0%, rgba(0,0,0,0) 100%);}

#jamb.jamb2 .top {left: 6.7%;width: 86.6%;}
#jamb.jamb2 .top:after {height: 5px;left: 4%;width: 92%;top: 28px;}
#jamb.jamb2 .top:before {content: "";display: block;width: 100%;top: 15px;left: 0%;position: absolute;height: 5px;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.3029586834733894) 0%, rgba(0,0,0,0) 100%);}

#jamb.jamb2 .left span:after {top: 28px;}
#jamb.jamb2 .right span:after{top: 28px;left: -10px;width: 10px;}
#jamb.jamb2 .top span:after, #jamb.jamb2 .top span:before {width: 1px;height: 15px;}
	*/

#jamb.jamb3 .top:after {height: 1px;background: #222;}
#jamb.jamb3 .left span:after {width:1px;background: #222;}
#jamb.jamb3 .right span:after {width:1px;left: -1px;background: #222;}

.btnchoose .jamb1 span {/*background: var(--greylight) url(../images/jamb1.png) right 0 no-repeat;*/}
.btnchoose .jamb2 span {/*background: var(--greylight) url(../images/jamb1.png) right 0 no-repeat;*/}
.btnchoose .jamb3 span {/*background: var(--greylight) url(../images/jamb1.png) right 0 no-repeat;*/}

#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,
.grid14 #glass, .grid10 #glass, .grid9 #glass, .grid15 #glass, .grid16 #glass, .grid17 #glass, .grid18 #glass, .grid34 #glass, .grid35 #glass {z-index:5;width:100%;height:100%;position:relative}

.grid9 #glass, .grid10 #glass, .grid11 #glass, .grid12 #glass, .grid13 #glass, .grid14 #glass, .grid15 #glass, .grid16 #glass, .grid17 #glass,
.grid18 #glass, .grid35 #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/glass6.jpg) center center 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/glass6.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/pariz.png) 40px 345px 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;}

/*.btnchoose .handle1 span {background: var(--grey) url(../images/handle1.png) center center no-repeat;}
.btnchoose .handle2 span {background: var(--grey) url(../images/handle2.png) center center no-repeat;}
.btnchoose .handle3 span {background: var(--grey) url(../images/handle3.png) center center no-repeat;}
.btnchoose .handle4 span {background: var(--grey) url(../images/handle4.png) center center no-repeat;}
.btnchoose .handle5 span {background: var(--grey) url(../images/handle5.png) center center no-repeat;}
.btnchoose .handle6 span {background: var(--grey) url(../images/handle6.png) center center 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 center no-repeat;}
.btnchoose .handle1f span {background: var(--grey) url(../images/malaga3.png) center center no-repeat;}

#handlecolor.handle5a {background: url(../images/granada.png) 40px 342px no-repeat;}
#handlecolor.handle5f {background: url(../images/granada2.png) 40px 342px no-repeat;}
.btnchoose .handle5a span {background: var(--grey) url(../images/granada.png) center center no-repeat;}
.btnchoose .handle5f span {background: var(--grey) url(../images/granada2.png) center center 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;}
/*
#handlecolor.handle10d:before {position: absolute;
    width: 15px;
    height: 100%;
    content: "";
    display: block;
    background: #b6752f;
    left: 80px;}
*/
.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;}


/*
.btnchoose .handle1a span {background: var(--grey) url(../images/handle1a.png) center center no-repeat;}
.btnchoose .handle1b span {background: var(--grey) url(../images/handle1b.png) center center no-repeat;}
.btnchoose .handle1c span {background: var(--grey) url(../images/handle1b.png) center center no-repeat;}
.btnchoose .handle1d span {background: var(--grey) url(../images/handle1b.png) center center no-repeat;}
.btnchoose .handle1e span {background: var(--grey) url(../images/handle1b.png) center center no-repeat;}
.btnchoose .handle1f span {background: var(--grey) url(../images/handle1b.png) center center no-repeat;}
									 
.btnchoose .handle2a span {background: var(--grey) url(../images/handle2a.png) center center no-repeat;}
.btnchoose .handle2b span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle2c span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle2d span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle2e span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle2f span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
															  
.btnchoose .handle3a span {background: var(--grey) url(../images/handle2a.png) center center no-repeat;}
.btnchoose .handle3b span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle3c span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle3d span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle3e span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle3f span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
														 
.btnchoose .handle4a span {background: var(--grey) url(../images/handle2a.png) center center no-repeat;}
.btnchoose .handle4b span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle4c span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle4d span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle4e span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle4f span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
																   


														   
.btnchoose .handle6a span {background: var(--grey) url(../images/handle2a.png) center center no-repeat;}
.btnchoose .handle6b span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle6c span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle6d span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle6e span {background: var(--grey) url(../images/handle2b.png) center center no-repeat;}
.btnchoose .handle6f span {background: var(--grey) url(../images/handle2b.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;}
.alertplace {background:var(--greylight);text-align:center;padding:5px;font-weight:var(--fontbold);margin:2.5% 0;width: 100%;float: left;}

.information {float:left;margin:0 4% 0 0}

#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:20px;display: flex;justify-content: center;    flex-direction: row-reverse;}

div .slick-dots li button, div .slick-dots li {padding:0;width: 25px;height: 25px;}
div .slick-dots li button:before {opacity:1;width: 25px;height: 25px;line-height: 100%;content:"";border-bottom:1px solid var(--whiteopacity);}
div .slick-dots li.slick-active button:before {border:1px solid var(--whiteopacity);}

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:auto;right:-20px;}
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%}
	.tmpdoor .columns.page, .contractorplace {padding:0 4% 0 0}
	.doorsliderplace > div:first-of-type, .testsplace > div:first-of-type {padding-right: 4%;padding-left: 2%  }
	.flexhome, .greyplace > div:first-of-type {margin-right:3%}
	.indexcontent > div:first-of-type {padding: 3% 6% 3% 3%;}
	.featurescollection {padding:0 3%;}
	.indexcontent h1, .indexcontent h2 {right: 9.5%;}
	.featuresgallery img:nth-of-type(3n) {top:30%;left: 10%;}
	.featuresgallery img:nth-of-type(4n) {top:40%;left: 35%;}
	.maincontent .bgline.shortline {height: 120px;}
	.managements h2:after, .testsplace h2:after {right:30%;width:70%}
	.management {width: 19%;}
	.indexcontact {background-size:cover}
	.questionnaire {width:600px;}
	.questionnaire .bgline.shortline {right: -30%;}
	.questionnaire .bgline.longline {left: -50%;}

	.surveyplace .title, .surveyplace .bigtitle span {    font-size: 30px;}
	.surveyplace button, .readscene {padding: 10px 15px;}
}
@media screen and (min-width: 1651px) and (max-width: 1850px) 
{
	.page {padding:0 4%}
	.tmpdoor .columns.page, .contractorplace {padding:0 4% 0 0}
	.doorsliderplace > div:first-of-type, .testsplace > div:first-of-type {padding-right: 4%;padding-left: 2% }
	.indexcontent > div:first-of-type {padding: 3% 6% 3% 3%;}
	.featurescollection {padding:0 3%;}
	.indexcontent h1, .indexcontent h2 {right: 9.5%;}
	.flexhome, .greyplace > div:first-of-type {margin-right:3%}
	.featuresgallery img:nth-of-type(3n) {top:30%;left: 10%;}
	.featuresgallery img:nth-of-type(4n) {top:40%;left: 35%;}
	.indexcontact {background-size:cover}
}

@media screen and (min-width: 1000px) and (max-width: 1030px) 
{
	.logo {    width: 110px;}
	.opentopmenu {display:none}
	.mainmenu li a {font-size: 14px;padding: 5px 8px;line-height: 100%;}
	a.mainphone {font-size: 20px;}
	a.mainphone div {font-size: 10px;}
	.opensearch, .accountplace, .accountplace2 {margin:0 3px}
	#bigdoor {zoom: .7;}
	.btnchoose button, .btnchoose a {    width: 14.5%;}
}

@media screen and (min-height: 500px) and (max-height: 800px) 
{
	.topmenu {padding:2%;    height: auto;}
	.topmenu li li a {padding: 5px 25px;}
	.surveyplace .title {font-size: 30px;}
	.surveyplace .bigtitle span {font-size: 24px;}
	.surveyplace img {max-height: 120px;}
	/*.tmpquestionnaire .columns:after {background: url(../images/man.png) left 240% no-repeat;background-size: 350px;}*/
	.surveyplace .title, .surveyplace .bigtitle span {font-size: 24px;}
}



@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, .manmovieplace {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, .indexcontact h2, .contactfooter div.title, #contactfooter2 div.title, .tmpdoor h1 span:first-of-type, .tmpdoor h1 span,
	.maintitle, .archprojects h2, .bodyflex h1 {font-size:40px;text-align:initial;letter-spacing: 0;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title, h3, .featuresswich .btn {font-size:25px;}
	.bodytext h2 {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;font-weight:300;color: var(--greydark);}
	.mainabstract p, .contractorfeatures > div .title, .tmpcontact .smalltitle, .contactbody p, .tooglebtn,
	.tmpcontact .smalltitle, .tmpcontact .bodytext h2, .contactbody div {font-size:20px;}
	h4 {font-size:18px;}
	.titleplace {padding:0 0 2% 0}

	.credits p, .credits a {font-size:14px;text-align:center;color:var(--fontcolor)}
	.page, .tmpdoor .columns.page, .shortpage {width:100%;max-width:100%;padding:0 4%;}
	.bodytext p, p, .mainabstract p {text-align: justify;}
	header .wrap {flex-direction: row-reverse;height:52px;}

	.favorite2 {margin:10px 0 0 0}

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

	.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(--greydark);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:0px;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 30px 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:before, .mainmenu li:after {position:absolute;right:-10px;top:0;content:"";display:block;width:1px;height:100%;background:var(--maincolor)}
	.mainmenu li:before {right:-20px;}
	.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(0%);}
	.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}

	.maincontent {margin-top:50px}
	#maintitleplace {margin-top:60px}
	
	.mdisable .searchplace {overflow: hidden;}
	/*.mdisable .saveforlatermenu, .mdisable .saveforlater, .mdisable .accountplace2, .mdisable .saveforlatermenu i, .mdisable .accountplace2 i {display:block}*/

	.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;filter:none}
	.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 {margin:0 0 5% 0}
	.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 {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, .featurescategory > div, .featurescategory > div:nth-of-type(2n), .featuremadein, .videosplace > div,
	.featurescollection .flexplace > div, .featurescollection .flexplace > div, .featuremadein > div, .management, .tmpcontact .contactform > div:nth-of-type(2n),
	.featurescategory .feature > div, .featurescategory .feature .imgplace, .featuremadein > div:nth-of-type(2n), .infoboxesplace2 > 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),
	.contractorfeatures > div, .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, .simplehous .contractorfeatures > div, .duoflex > div, .mainlinksplace a, .links > div,
	.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;padding:0;}
	
	#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:auto}

	.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}
	
	.flexsmall {width: 32.3%;margin: .5%;flex: auto;}
	.flexsmall > a {padding: 5px;}
	.flexsmall .title {    margin: 5px 0;font-size: 14px;font-weight: 600;}
	.flexsmall .imgplace {width: 70px;height: 70px;margin: auto;}

	.darkgreyplace2, .archprojects {padding:4%}
	
	.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 {width:100%}

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

	.featuremadein, #contactfooter2, .doorsliderplace > div:first-of-type, .greyplace .scrollflow > p, .tmpyoutube .columns {padding:4%}
	
	.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 {margin:30px 0;}
	#featuresplace #infoboxetitle {color:var(--greydark);margin:0 0 20px 0;}

	.tmpformside .infoboxesplace2 .abstract p {display:none}
	.contractorfeatures > div .imgplace {    height: 400px;}
	.indexcontact {margin:5% 0 ;background-size: 550%;}
	.contactfooter, .contactplace {padding:15% 6%}
	.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 {background:var(--whiteopacity);padding: 5px 15px;}
	#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}
	.featurescategory .secdiv {display:block}
	.featurescategory .openmorefea {display:none}

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

	.features .feature .title {min-height: 65px;}
	.features .feature .moreabstract {min-height: 80px;}
	.features .feature .moreabstract p {margin: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;}

	.tmprmpmamad .bodyflex.greyflex .imagesplace img {position:static;height:auto}

	.smalltitle, .tmprlp .smalltitle, .tmplocations .smalltitle, .tmplinks .smalltitle, .tmpmanagement .smalltitle, .tmpyoutube .smalltitle,
	.tmpregular .smalltitle {max-width:100%;    color:var(--fontcolor);line-height: 120%;margin:0 0 10px 0;font-weight: 600;text-align:center;text-align: justify; text-align-last: center;}

	.tmprmp .smalltitle {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid var(--greydark)}
	.tmprmp .bodyflex h1:after {display:none}
	.tmprmp .bodyflex {margin:0 0 4% 0}

	.titleplace:after {width:90%;left: 5%;margin: 0;}

	@-webkit-keyframes titleplaceh1 {
	  0% {width:0px;margin: 0 ;}
	  100% {width:90%;left: 5%;margin: 0;}
	}
	@keyframes titleplaceh1 {
	  0% {width:0px;margin: 0 ;}
	  100% {width:90%;left: 5%;margin: 0;}
	}

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

	.duoflex2 .peopleitem > div {margin: auto;width: 100%;}
	.duoflex a[href^="mailto:"], .duoflex2 a[href^="mailto:"] {min-height: 25px;}

	.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;}
	
	.tmpdoor .content, .tmplogin .maincontent {margin-top: 60px;}
	.tmpdoor h1 {width:100%;float:right;}
	.tmpdoor .smalltitle {font-weight:500;font-size:16px;}
	#bigdoor .tambur {right:0;}

	.archprojects .imgplace {height: auto;max-width:320px;max-height:350px;margin:auto;text-align:center}
	.archprojects .imgplace img {max-width:320px;width:auto;height:auto;margin:auto;position:static}
	.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;}

	.mainabstract {font-weight:500;font-size:20px;padding:0 0 20px 0;/*border-bottom:1px solid var(--greydark)*/}
	.mainabstract {padding:0px;}
	.mainabstract p {font-weight:500;font-size:20px;}

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

	.surveyplace .title {font-size: 22px;}
	.tmpquestionnaire .columns:after {background-size: 40%;display:none;}
	.questionnaire {width:100%}
	.tmpquestionnaire .titleplace h1, .surveyplace .bigtitle span {font-size: 20px;}
	.surveyplace button, .readscene, #indoorsubscene4a button, #indoorsubscene4b button, #indoorsubscene4c button,
	#indoorsubscene4d button {padding: 5px 10px;margin: 0px 5px;font-size: 14px;line-height: 100%;min-height: 40px;        display: flex;align-items: center;}
	.innerbreadcrumbs button {    font-size: 11px;padding: 3px;}
	.innerbreadcrumbs button span {    font-size: 18px;}
	.innerbreadcrumbs .sep {width: 10px;}

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

	.featurescategory .feature .imgplace {height:250px;margin:0;}
	.featurescategory .feature .abstract, .featurescategory > div:nth-of-type(2n) .abstract {padding:4%;margin:0;}
	.featurescategory .feature, .featurescategory > div:nth-of-type(2n) {flex-direction: column-reverse;margin:0 0 30px 0;}
	.featurescategory .feature div {text-align:initial}
	.featurescategory .title {color:var(--greydark);font-size:20px;}
	.featurescategory .aboutpage {display:flex}

	.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}
	/*
	.btnplace {display:block;text-align:center}
	.btnplace > div {margin:0 0 10px 0;font-weight:normal}
		*/

	.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 .contractorfeatures > div {background: var(--grey);display:flex;width: 48%;margin: 1%;flex-direction: column;}
	.tmpcontractor .contractorfeatures > div > div, .tmpcontractor .contractorfeatures > div > a {width:100%}
	.tmpcontractor .contractorfeatures .title {font-weight:600;text-align:center}
	.tmpcontractor .contractorfeatures .moreabstract, .tmpcontractor .contractorfeatures .btn2 {display:none}
	.tmpcontractor .contractorfeatures > div .imgplace {height: 120px;} 
	.tmpcontractor .contractorfeatures > div .abstract {padding: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}

	.tmpmanagement2 .bodyflex.greyflex .imagesplace img {position:static}
	.tmpmanagement2 .bodyflex.greyflex .title {font-size:20px;font-weight:700}
	.tmpmanagement2 .bodytext p {line-height:120%;margin:0 0 10px 0;}
	.tmpmanagement2 .bodyflex.greyflex .btn, .tmpmanagement2 .archprojects .btn, .tmprmpmamad .bodyflex.greyflex .btn {display: flex;border: 1px solid var(--greydark);background: var(--grey);margin: auto;width: 220px;padding: 0;margin:10px auto}
	.tmpmanagement2 .bodyflex.greyflex .btn:before, .tmpmanagement2 .archprojects .btn:before, .tmprmpmamad .bodyflex.greyflex .btn:before {content: "";display: block;background: url(../images/anzus.png) center center no-repeat;padding: 10px;width: 50px;}
	.tmpmanagement2 .bodyflex.greyflex .btn span, .tmpmanagement2 .archprojects .btn span, .tmprmpmamad .bodyflex.greyflex .btn span {background: var(--greydark);color: var(--white);padding: 9px;flex: auto;margin:0}
	.tmpmanagement2 .archprojects .btn {flex-direction: row-reverse;border:1px solid var(--white)}
	.tmpmanagement2 .archprojects h2 {text-align:center}
	.tmpmanagement2 .archprojects div {text-align:center;display:block;}
	.tmpmanagement2 .archprojects .slick-next {left:auto;right:0;top:10%}
	.tmpmanagement2 .archprojects .slick-prev {top:10%}
	.tmpmanagement2 .archprojects .title {font-size:20px;font-weight:700;text-align:center}
	.tmpmanagement2 .archprojects .flexplace > div:first-of-type {display:block}
	.tmpmanagement2 .imgcaption {padding:0;left:0;bottom:-25px;color:var(--white);background:none;font-size:14px;} 
	.tmpmanagement2 .archprojects .flexplace {min-height:0;}
	.tmpmanagement2 .archprojects .imgplaceflex {display:block;margin:20px 0 }
	.tmpmanagement2 .archprojects .imgplaceflex > div, .tmpmanagement2 .archprojects .archprojects .imgplace {width:98%;margin:1% auto;/*height:200px;*/padding:0;border:none;flex:auto}
	.tmpmanagement2 .archprojects img {padding:0;border:none;}
	.tmpmanagement2 .archprojects {padding:6% 0}
	.tmpmanagement2 .event .moreabstract {display:none}
	.tmpmanagement2 .darkgreyplace2 {margin:50px 0;position:relative}
	.tmpmanagement2 .darkgreyplace2 h2 {margin:0;position:absolute;right:0;top:-50px;text-align:center;width:100%}
	.tmpmanagement2 .peoplearichal > div:first-of-type, .tmpmanagement2 .peoplearichal > div:nth-of-type(2n) {width:48%;margin:1%}
	.tmpmanagement2 .peoplearichal > div:nth-of-type(2n) {padding:10px;}
	.tmpmanagement2 .peoplearichal div {font-size:16px;}
	.tmpmanagement2 .peoplearichal .title {font-size:18px;}
	.tmpmanagement2 .darkgreyplace2 h3 {font-size:20px;margin:20px 0 10px 0}
	.tmpmanagement2 a[href^="mailto:"], .tmpmanagement2 a[href^="tel:"] {width:30px;height:30px;display:inline-block;margin:2px;}
	.tmpmanagement2 .mainlinksplace {background:none;padding: 4%;}
	.tmpmanagement2 .mainlinksplace h2 {  filter: brightness(0) invert(0);  opacity:.7;font-size:20px;padding:10px 60px 10px 10px;background: url(../images/plane.png) 97% center no-repeat;}
	.tmpmanagement2 .mainlinksplace a {color:var(--greydark);background:none;border:1px solid var(--greydark);padding:10px 5px;display:flex;align-items: center;}
	.tmpmanagement2 .mainlinksplace a span {padding:0;width: 80px;}
	.tmpmanagement2 .greyplace2 {padding:6% 0}
	.tmpmanagement2 .greyplace2 h2 {padding:0 4%}
	.tmpmanagement2 .indexarch {width:100%;padding:0 4%;margin:20px 0;border:none}
	.tmpmanagement2 .indexarchflex label {display:block}
	.tmpmanagement2 .indexarchflex input, .tmpmanagement2 .indexarchflex select {width:100%}
	.tmpmanagement2 .indexarchflex span {margin:10px 0 5px 0}

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


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





}


/* questionnaire mobile safe fix */
@media (max-width:768px){
.questionnaire{width:100%;max-width:100%;padding:0 12px;margin:0 auto;overflow:hidden;}
.questionnaire .surveyplace,.questionnaire .scene,.questionnaire .scenegreyplace,.questionnaire .bigtitle,.questionnaire .title,.questionnaire .subtitle,.questionnaire .btnplace,.questionnaire .subscenedoors,.questionnaire .innerbreadcrumbs{max-width:100%;min-width:0;}

.questionnaire .surveyplace .bigtitle{padding:0 6px 14px 6px;margin:0 0 14px 0;}
.questionnaire .surveyplace .bigtitle span{max-width:320px;margin:0 auto;font-size:24px;line-height:1.45;text-align:center;display:block;}
.questionnaire .surveyplace .bigtitle:after{width:80px;left:50%;margin:0 0 0 -40px;animation:none;}

.questionnaire .surveyplace .scene .scenegreyplace{padding:18px 14px;border-radius:22px;overflow:hidden;}
.questionnaire .surveyplace .title{font-size:22px;line-height:1.45;margin:0 0 16px 0;text-align:center;}
.questionnaire .surveyplace .subtitle{font-size:14px;line-height:1.6;}

.questionnaire .surveyplace .btnplace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.questionnaire .surveyplace .btnplace > *{margin:0 !important;min-width:0;max-width:100%;}
.questionnaire .surveyplace .btnplace > :last-child:nth-child(odd){grid-column:1 / -1;}

.questionnaire .surveyplace button,
.questionnaire .surveyplace .readscene{
display:flex;
align-items:center;
justify-content:center;
width:100%;
min-width:0;
max-width:100%;
min-height:56px;
padding:12px 14px;
margin:0 !important;
line-height:1.25;
white-space:normal;
word-break:break-word;
overflow-wrap:anywhere;
text-align:center;
}

.questionnaire .btnicon,
.questionnaire .nobtnicon{padding:0;background:none !important;min-width:0;max-width:100%;}

.questionnaire .subscenedoors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.questionnaire .subscenedoors a{width:100%;margin:0;padding:10px 8px 12px 8px;min-width:0;max-width:100%;box-sizing:border-box;}
.questionnaire .subscenedoors img,
.questionnaire .surveyplace img{display:block;max-width:100%;height:auto;max-height:140px;margin:0 auto;}
.questionnaire .subscenedoors a span,
.questionnaire .surveyplace .nobtnicon span{display:block;padding-top:8px;font-size:13px;line-height:1.35;text-align:center;word-break:break-word;overflow-wrap:anywhere;}

.questionnaire .innerbreadcrumbs{gap:6px;flex-wrap:wrap;padding:0 6px;margin:14px auto 0 auto;}
.questionnaire .innerbreadcrumbs .sep{display:none;}
.questionnaire .innerbreadcrumbs button{font-size:12px;line-height:1.2;padding:6px 10px;}

.tmpquestionnaire .columns:after,
.tmpquestionnaire .manmovieplace,
.tmpquestionnaire .bgline.shortline,
.tmpquestionnaire .bgline.longline{display:none;}
}

@media (max-width:480px){
.questionnaire{padding:0 10px;}
.questionnaire .surveyplace .bigtitle span{font-size:21px;max-width:290px;}
.questionnaire .surveyplace .title{font-size:19px;}
.questionnaire .surveyplace .btnplace{grid-template-columns:1fr;}
.questionnaire .surveyplace button,
.questionnaire .surveyplace .readscene{font-size:16px;min-height:54px;padding:12px;}
.questionnaire .subscenedoors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.questionnaire .subscenedoors img,
.questionnaire .surveyplace img{max-height:120px;}
}



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