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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body .slick-dotted.slick-slider {margin:0;height:100%;width:100%}

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

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

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

.imagesplace {position:relative;margin:0 0 50px 0;/*display: flex;*/}

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

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

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

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

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

.indexcontent {padding:30px 2%;background:var(--greylight)}
.indexcontent p {margin:0 0 20px 0;}
.indexcontent h2 {text-align:center}

.whiteplace {padding:2% 2%;}

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

.features {display:flex;flex-wrap: wrap;justify-content: center;}
.features .feature {width: 32.6%;margin: 1% 0 1% 1%;height:600px;position:relative;background:var(--black);overflow:hidden}
.features .feature:nth-of-type(3n) {margin:1% 0 1% 0}

.features a:hover img {transform: scale(1.1,1.1);}
.features .title {font-size:32px;font-weight:500;margin:0 0 10px 0;}
.features .moreabstract {font-weight: 400;}
.features .abstract {text-align:center;padding:4% 2%;position:relative;z-index:2;}
.features img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.features .btn2 {margin:20px 0;}
.features .star {background: url(../images/star.png);width: 115px;height: 22px;margin: 0 auto 20px auto;}


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

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

.featuresiconsplace {margin:4% auto;}
.tmpcontractor .featuresiconsplace {background:var(--greylight);padding:4% 0;margin:0 0 5% 0;}
.featuresiconsplace h2 {font-size:32px;text-align:center;margin:0 0 30px 0;}
.featuresicons {display:flex;flex-wrap:wrap;justify-content: center;}
.featuresicons > div {width:20%;text-align:center}
.featuresicons .imgplace {margin:0 0 15px 0;height:70px;position:relative}
.featuresicons .imgplace img {height:70px;}

.bigtitleproject {font-size:32px;text-align:center;margin:0 0 30px 0;}
.projectsplace {margin:0 auto 4% auto;width:100%;float:left;background:var(--greylight);padding:30px 4%}

.projectsplace h3 {font-size:32px;text-align:center;margin:0 0 50px 0;}
.projectsplace .slick-slide > div {padding:1%}
.projectsplace .slide {position:relative}#decree.decree5
.projectsplace .slide .imgplace  {height:600px;position:relative;overflow:hidden;}
.projectsplace .slideflex {display:flex;flex-direction: row-reverse;}
.projectsplace .slideflex .embed { /*aspect-ratio: 16 / 9;*/ height: auto; display:flex;position:relative;width:48%;margin:1%;background:var(--black)}
.projectsplace .slide iframe {/*position: absolute;inset: 0;width: 100%;height: 100%;border: 0;top: 0;left: 0;*/    height: 500px;}
.projectsplace .slide img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;object-fit: cover;}
.projectsplace .slide:hover .img2 {opacity:0}
.projectsplace .slide .abstract {position:absolute;left:0;top:0;width:100%;height:100%;padding:4%;text-align:center;color:var(--white);z-index:2}
.projectsplace .title {font-size:24px;font-weight:500;color:var(--white)}
.projectsplace .imgplace:after {background: #000;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:"";display:block}
.projectsplace a:hover img {transform: scale(1.1,1.1);}
.projectsplace .subtitle {position:absolute;left:0;top:-40px;width:100%;text-align:center;font-size:24px;}

.player.right-content-area-supported {width:100% !important;background:#000}

.projectsplace .slick-next {right: -20px;}
.projectsplace .slick-prev {left: -20px;}

body .player {height:100% !important}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.bodytext td iframe {width: 100%;height: 250px;}
.bodytext table {width:100%}
.bodytext p { line-height:160%;margin:0 0 15px 0;text-align:justify}
.bodytext ul li {margin:0px 0px 5px 0px;line-height:140%;}
.bodytext li a, .bodytext p a, .bodytext td a {text-decoration:underline;color:var(--maincolor)}
.bodytext ul, .bodytext ol {margin:0 5px 20px 5px;padding: 0;}
.bodytext li {margin:0 0px 5px 0px;line-height:120%;background: url(../images/dot.png) 0px 8px no-repeat;list-style-type: none;padding: 0 0 0 17px}
.bodytext strong a, .bodytext strong span {font-weight:var(--fontbold)}
.bodytext h2 {margin:20px 0;font-weight:500;font-size:32px;}
.bodytext h3 {margin:20px 0;font-weight:500;font-size:28px;}
.bodytext h4 {margin:20px 0;font-weight:500;font-size:24px;}
.bodytext td img {padding:0;border:none;margin:0}
.bodytext strong {font-weight:600}

.bodytextspace {padding:3% 0}

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

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

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


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

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

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

.greydoorplace {padding:1% 0 0 0;border:1px solid var(--greylight);    position: relative;margin:0 0 20px 0;transition: background-color .25s ease; background-color:#fcfcfc}
.greydoorplace:before {height:100%;width:100%;background: url(../images/plant2.png) -40% 92% no-repeat;background-size: 400px;position:absolute;left:0;top:0px;content:"";display:block;z-index:4}


.floorplace {/*background-size: 100% 500px;*/background-repeat: no-repeat;background-position: center 0;background-image: url(../images/parket4_2.png);height: 120px;width: 100%;position: absolute;z-index: 2;bottom: 0;}
.dukanfi .floorplace {/*background-size: 100% 500px;*/background-repeat: no-repeat;background-position: center 0;background-image: url(../images/parket4_2_2.png);height: 120px;width: 100%;position: absolute;z-index: 2;bottom: 0;}
/*
.floorplace:after, .floorplace:before {height:30px;width:26%;background:var(--white);position:absolute;left:0;bottom:103px;content:"";display:block;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}
.floorplace:before {left:auto;right:0}
	*/
.floor-swatches {display: flex;gap: 10px;align-items: center;flex:auto;justify-content: flex-end;}
.floor-swatch {width: 30px;height: 30px;border-radius: 50%;border: 2px solid rgba(0,0,0,.15);background-color: #f5f5f5;background-size: cover;background-position: center;padding: 0;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;line-height: 1;box-shadow: 0 0 0 1px rgba(255,255,255,.6);transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;font-weight:500}
.floor-swatch:hover {transform: scale(1.05);box-shadow: 0 0 0 2px rgba(0,0,0,.1);}
.floor-swatch-wall {cursor: default;}
.floor-swatch-option.is-active {border-color: #000;box-shadow: 0 0 0 2px rgba(0,0,0,.25);}
.floor-swatches span {font-weight:600;font-size: 13px;}
.floor-swatch.floor-reset {display:none}

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.search_resultsplace {display:none;}
.search_resultsplace.this {display:block} 
.search_results {padding:5px;position:absolute;left:0%;top:100%;width:300px;max-height:300px;height:300px;overflow-y:scroll;z-index: 111;background: var(--whiteopacity);box-shadow: var(--shadow);}
.search_results .item {padding:5px;}
.search_results .item img {max-width:40px;max-height:40px;margin:auto}
.search_results .imgplace {margin:0 5px;width:40px;display:flex}
.search_results .item span {display:inline-block;width:70%;line-height:120%;font-size: 14px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.search_results a {display:flex;padding:5px;align-items: center;}
.search_results a:hover, .search_results a:focus {background:var(--greylight);}

.contactbody, .contactbody p, .contactbody li, .contactbody div {text-align:center;font-size:30px;}
.contactbody .bodytext {margin:0 0 20px 0}
.contactbody strong {font-weight: 600;}
.contactform label {position:relative;display:block;margin:0 0 20px 20px;}
.contactform label input, .contactform label textarea, .contactform select {border:none;border-bottom:1px solid var(--greygrey);}
.contactform textarea {height:45px;width: 120px;}
.contactform select {padding:9px;}
.contactform .errorplace {display: none;color:var(--white);position:absolute;left:0;bottom:-15px;font-size:11px;}
.contactform .mandatorycontact span:after {content: "*";display: inline-block;color: #ff0000;}
.contactform .s_top {position:absolute;left:0;top:0px;font-size:12px; opacity:0}
.contactform .viewframe {opacity:1;top:-15px;}
.contactform label span {display:block;font-size: 14px;}
.contactform input[type="checkbox"], .contactform input[type="radio"] {box-sizing:border-box;padding:0;margin:1px 0 0 5px;width:15px;height:15px;}
.contactform .jointomailinglist {display:flex;align-items: center;}
.contactform input.error,.contactform select.error {box-shadow: 0px 0px 4px 1px rgba(255,0,0,.5);}

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

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


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

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

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

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

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

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

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

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

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

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

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

#IDcontactfooter {background:var(--greylight);padding:4%;position:relative;margin:0 0 30px 0; display: flex;flex-direction: column;}

.contactfooter .title {text-align:center;font-size:32px;margin:0 0 20px 0;width:100%;    line-height: 120%;
    font-weight: 200;}

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

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

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

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

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

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

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

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

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

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

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


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

.tmpthank .imagesplace {text-align:center}


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

.leftcolumn {}
.leftmenu {display:flex;flex-wrap: wrap;justify-content: center;padding:3% 0 0 0;align-items: center;position:relative}
.leftmenu a {display:inline-block;padding:5px 15px;color:var(--fontcolor);border:1px solid var(--greydark);margin:10px;border-radius:30px;}
.leftmenu .this a, .leftmenu a:hover {background:var(--maincolor);color:var(--white)}
 
.nolevel2 .leftcolumn .leftmenu:first-of-type a {padding:10px 25px;}

.managements {padding:3%;margin:3% 0;float:left;width:100%;border-top:1px solid var(--greygrey);/*border-bottom:1px solid var(--greygrey);*/}
.managements h2 {color:var(--white);position:relative;font-size:64px;}
.managements h2:after {width:65%;height:1px;background:var(--greygrey);content:"";display:block;position:absolute;right:30%;top:35px;}
.managements .flexplace {margin:4% 0 0 0}

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

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

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

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


.similarslider {padding:0 4%}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.toggleanim, .shoppingcart:hover .togglecart, .accountplace:hover .toggleplace, .toggleplace.opened, .togglecart.opened {-webkit-animation: toggleanim 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation: toggleanim 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;display:block}
@-webkit-keyframes toggleanim {
  0% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
  100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
}
@keyframes toggleanim {
  0% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
  100% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
}
.toggleanimout {-webkit-animation: toggleanimout 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;animation: toggleanimout 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;display:block}
@-webkit-keyframes toggleanimout {
  0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
  100% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
}
@keyframes toggleanimout {
  0% {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transform-origin: top;transform-origin: top;opacity: 1;}
  100% {-webkit-transform: rotateX(-100deg);transform: rotateX(-100deg);-webkit-transform-origin: top;transform-origin: top;opacity: 0;}
}

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

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

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


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

.slider-for {}
.slider-for img {margin:auto;max-width:100%;/*width:100%;*/max-height:700px;}
.slider-for .slick-slide > div {display:flex;background:var(--white);/*height:530px;*/margin:0 1px 30px 1px;align-items: center;justify-content: center;border:1px solid var(--greydark)}
/*.slider-for .slick-slide > div a > div {display:flex}*/
.slider-for .slick-slide {float:right}

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

/*
.slider-nav.slick-slider .slick-next, .slider-nav.slick-slider .slick-prev {left:50%;bottom:auto;top:-50px;transform: rotate(-90deg);margin:0 0px 0 -30px;border:1px solid var(--greylight)}
.slider-nav.slick-slider .slick-next {top:auto;bottom:-50px;transform: rotate(90deg);}
	*/
.glossaryABCplace {display:flex}
.glossaryABC {flex: auto;margin:0 0 5px 1px}
.glossaryABC span {display: flex;align-items: center;justify-content: center;font-weight:var(--fontbold);opacity:.5;font-size:30px;padding:0 1px;line-height: 100%;}
.glossaryABC a span {opacity:1}
.glossaryABC a:hover span {background:var(--grey)}
.glossaryplace {width:100%;float:left;margin:30px 0 0 0;}
.glossaryplace .question p {font-size:22px;margin:0;cursor:pointer}
.glossaryplace .question.opened p {color:var(--maincolor)}
.glossaryplace .letter {font-size:30px;font-weight:var(--fontbold);color:var(--maincolor);margin:0 0 20px 0;display: inline-block;padding:0 0 10px 0;border-bottom:1px solid var(--greylight)}

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

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

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


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


a.contactabout {margin: 10px 0;background: url(../images/mail3.png) 95% center no-repeat;padding: 10px 40px 10px 15px;color: var(--greydark);font-size: 16px;background-size:20px;float: left;}
a.contactabout:hover {background:#000 url(../images/mail3a.png) 95% center no-repeat}

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

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

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

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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

.tmpproducts .bodytext {padding:30px 0}
/*.tmpproducts .leftmenu .level1, .nolevel2 .leftmenu .level2.this {display:none}*/

.nolevel2 .leftcolumn .leftmenu:nth-of-type(2n) {padding:0 0 10px 0}
.nolevel2 .leftcolumn .leftmenu:nth-of-type(2n) a {font-size:15px;}

















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

body .a2a_kit {margin:  40px 0;text-align: center;width: 100%;float: left;display: flex;justify-content: center;}
body .a2a_default_style:not(.a2a_flex_style) a {margin: 0 0 0 10px;background: var(--white) url(../images/share.png) 95% center no-repeat;padding: 10px 40px 10px 15px;font-weight: var(--fontbold);color: var(--fontcolor);border: 1px solid var(--maincolor);background-size: 25px;}
body .a2a_default_style .a2a_dd span {display:none}
body .a2a_default_style:not(.a2a_flex_style) a:hover {filter: drop-shadow(0px 0px 3px rgba(50, 50, 50, .5));}

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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

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

.tmpdoorout .glasssplace {display:none}


.tmpdesigndoor #jamb, .tmpdesigndoor #handle, .tmpdesigndoor #decree, .tmpdesigndoor #handlecolor {left:20px;top: -10px;}
.tmpdesigndoor #jamb div {display:none}

#gridfront.eco {background: url(../images/eco.png) center 0px no-repeat;background-size: contain;}
#gridfront.siluet {background: url(../images/siluet.png) center 2px no-repeat;background-size: contain;}
#gridfront.shoval {background: url(../images/shoval.png) center 0px no-repeat;background-size: contain;}
#gridfront.infinity {background: url(../images/infinity.png) center 1px no-repeat;background-size: contain;}
#gridfront.orian {background: url(../images/orian.png) center 0px no-repeat;background-size: contain;}

.tmpdesigndoor #front, .tmpdesigndoor #gridfront {height:697px}
.tmpdesigndoor .floorplace:after, .tmpdesigndoor .floorplace:before {width:30%}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#gridfront.grid14 > div {width: 190px;height: 570px;-webkit-mask-image: url(../images/grid14_short.png);mask-image: url(../images/grid14_short.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: 17px center;mask-position: 17px center;}
#gridfront.grid14:after {content:"";display:block;width: 190px;height: 570px;background: url(../images/grid14shadow_short.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_2.png) center 0px no-repeat;}

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

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

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

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

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

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

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

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

#gridfront.grid27 > div {background: url(../images/grid27.png) center 15px no-repeat;    background-size: cover;}
.color7 #gridfront.grid27 > div {background: url(../images/grid27_opacity.png) center 15px no-repeat;    background-size: cover;}

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

#gridfront.grid28 > div {background: url(../images/grid28a.png) center 15px no-repeat;    background-size: cover;}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



#bigdoor #jamb {z-index:3;overflow: visible;}

#jamb:before {content:"";display:block;width: 80%;height:15px;position:absolute;left:10%;bottom:0;background:#fff;z-index: 5;display:none}

#jamb > div, #jamb > div span {position:absolute;width:100%;height:100%;left:0;top:0;}
#jamb > div {height:101%;}
#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: 28px;left: 10%;width: 80%;z-index:3}
#jamb .top:after {content:"";display:block;width: 100%;top: 100%;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:30px;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: 0px;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: 0px;}
 
.specialjamb #bigdoor {width: 295px;}

.specialjamb #jamb .top {height: 15px;left: 5%;width: 90%;}
.specialjamb #jamb .left, .specialjamb #jamb .right {width: 5%;}
.specialjamb #jamb .left span:after, .specialjamb #jamb .right span:after {    }
.specialjamb #jamb .top span:after, .specialjamb #jamb .top span:before {height: 16px;}
.specialjamb #gridfront.grid7 > div, .specialjamb #gridfront.grid7a > div {left: -10px;width: 110%;}
.specialjamb #gridfront.grid38a > div, .specialjamb #gridfront.grid5 > div {left: 5%;width: 90%;}

.specialjamb .floorplace:after, .specialjamb .floorplace:before {width:29%}


.specialjamb .handle5a span {background: var(--grey) url(../images/granada.png) 22px 342px no-repeat;}
.specialjamb .handle5handle5f span {background: var(--grey) url(../images/granada4.png) 22px 342px no-repeat;}
.specialjamb .handle5b span {background: var(--grey) url(../images/granada2.png) 22px 342px no-repeat;}
.specialjamb .handle5d span {background: var(--grey) url(../images/granada3.png) 22px 342px no-repeat;}
.specialjamb #handlecolor.handle5a {background: url(../images/granada.png) 22px 342px no-repeat;}
.specialjamb #handlecolor.handle5handle5f {background: url(../images/granada4.png) 22px 342px no-repeat;}
.specialjamb #handlecolor.handle5b {background: url(../images/granada2.png) 22px 342px no-repeat;}
.specialjamb #handlecolor.handle5d {background: url(../images/granada3.png) 22px 342px no-repeat;}
.specialjamb #handlecolor.handle14b {background: url(../images/Andora2.png) 22px 342px no-repeat;}
.specialjamb #handlecolor.handle14a {background: url(../images/Andora.png) 22px 342px no-repeat;}
.specialjamb #handlecolor.handle3a {background: url(../images/bolonia.png) 22px 342px no-repeat;}
.specialjamb #handlecolor.handle13f {background: url(../images/Barcelona2.png) 22px 339px no-repeat;}
.specialjamb #handlecolor.handle13a {background: url(../images/Barcelona.png) 22px 339px no-repeat;}
.specialjamb #handlecolor.handle13d {background: url(../images/Barcelona3.png) 22px 339px no-repeat;}
.specialjamb #handlecolor.handle13handle17 {background: url(../images/Barcelona4.png) 22px 339px no-repeat;}

.specialjamb #jamb.lock1 {background: url(../images/lock1.png) 10px 372px  no-repeat;background-size: 55px;}
.specialjamb #jamb.lock1a {background: url(../images/lock1LockColor6.png) 10px 372px  no-repeat;background-size: 55px;}
.specialjamb #jamb.lock1b {background: url(../images/lock1LockColor1.png) 10px 372px  no-repeat;background-size: 55px;}
.specialjamb #jamb.lock1c {background: url(../images/lock1LockColor3.png) 10px 372px  no-repeat;background-size: 55px;}
.specialjamb #jamb.lock1d {background: url(../images/lock1LockColor4.png) 10px 372px  no-repeat;background-size: 55px;}
.specialjamb #jamb.lock1e {background: url(../images/lock1LockColor5.png) 10px 372px  no-repeat;background-size: 55px;}

.specialjamb #jamb.lock2 {background: url(../images/lock2.png) 10px 372px  no-repeat;background-size: 55px;}
.specialjamb #jamb.lock2a {background: url(../images/lock2LockColor6.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock2b {background: url(../images/lock2LockColor1.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock2c {background: url(../images/lock2LockColor3.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock2d {background: url(../images/lock2LockColor4.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock2e {background: url(../images/lock2LockColor5.png) 10px 372px no-repeat;background-size: 55px;}

.specialjamb #jamb.lock3 {background: url(../images/lock3.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock3a {background: url(../images/lock3LockColor6.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock3b {background: url(../images/lock3LockColor1.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock3c {background: url(../images/lock3LockColor3.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock3d {background: url(../images/lock3LockColor4.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock3e {background: url(../images/lock3LockColor5.png) 10px 372px no-repeat;background-size: 55px;}

.specialjamb #jamb.lock4 {background: url(../images/lock4.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock4a {background: url(../images/lock4LockColor6.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock4b {background: url(../images/lock4LockColor1.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock4c {background: url(../images/lock4LockColor3.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock4d {background: url(../images/lock4LockColor4.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock4e {background: url(../images/lock4LockColor5.png) 10px 372px no-repeat;background-size: 55px;}

.specialjamb #jamb.lock5 {background: url(../images/lock5.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock5a {background: url(../images/lock5LockColor6.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock5b {background: url(../images/lock5LockColor1.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock5c {background: url(../images/lock5LockColor3.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock5d {background: url(../images/lock5LockColor4.png) 10px 372px no-repeat;background-size: 55px;}
.specialjamb #jamb.lock5e {background: url(../images/lock5LockColor5.png) 10px 372px no-repeat;background-size: 55px;}

.specialjamb #decree.decree1 {background: url(../images/decree1.png) 9px 299px  no-repeat;background-size: 56px;}
.specialjamb #decree.decree2 {background: url(../images/decree6.png) 9px 299px  no-repeat;background-size: 56px;}
.specialjamb #decree.decree3 {background: url(../images/decree4.png) 9px 299px  no-repeat;background-size: 56px;}
.specialjamb #decree.decree4 {background: url(../images/decree3.png) 9px 299px  no-repeat;background-size: 56px;}
.specialjamb #decree.decree5 {background: url(../images/decree5.png) 9px 299px  no-repeat;background-size: 56px;}
.specialjamb #decree.decree6 {background: url(../images/decree2.png) 9px 299px  no-repeat;background-size: 56px;}

.specialjamb #decree.decree1a {background: url(../images/decree1a.png) 8px 299px  no-repeat;background-size: 61px;}
.specialjamb #decree.decree2a {background: url(../images/decree2a.png) 8px 299px  no-repeat;background-size: 61px;}
.specialjamb #decree.decree3a {background: url(../images/decree3a.png) 8px 299px  no-repeat;background-size: 61px;}
.specialjamb #decree.decree4a {background: url(../images/decree4a.png) 8px 299px  no-repeat;background-size: 61px;}
.specialjamb #decree.decree5a {background: url(../images/decree5a.png) 8px 299px  no-repeat;background-size: 61px;}
.specialjamb #decree.decree6a {background: url(../images/decree6a.png) 8px 299px  no-repeat;background-size: 61px;}

.specialjamb  #gridfront.grid37a > div { height: 680px;top: 16px;   background: url(../images/grid4nikel.png) 222px bottom repeat-y;}
.specialjamb  #gridfront.grid37 > div { height: 680px;top: 16px; }

.specialjamb #jamb .top span:after {transform: rotate(-45deg); height: 20px;   left: -8px;top: -2px;}
.specialjamb #jamb .top span:before {transform: rotate(45deg);height: 20px;right: -8px;top: -2px;}

.specialjamb #gridfront.grid7 .moregrid, .specialjamb #gridfront.grid7a .moregrid {left: 28px;}

.specialjamb {}

#jamb.lock1 {background: url(../images/lock1.png) 28px 372px  no-repeat;background-size: 55px;}
#jamb.lock1a {background: url(../images/lock1LockColor6.png) 28px 372px  no-repeat;background-size: 55px;}
#jamb.lock1b {background: url(../images/lock1LockColor1.png) 28px 372px  no-repeat;background-size: 55px;}
#jamb.lock1c {background: url(../images/lock1LockColor3.png) 28px 372px  no-repeat;background-size: 55px;}
#jamb.lock1d {background: url(../images/lock1LockColor4.png) 28px 372px  no-repeat;background-size: 55px;}
#jamb.lock1e {background: url(../images/lock1LockColor5.png) 28px 372px  no-repeat;background-size: 55px;}

#jamb.lock2 {background: url(../images/lock2.png) 28px 372px  no-repeat;background-size: 55px;}
#jamb.lock2a {background: url(../images/lock2LockColor6.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock2b {background: url(../images/lock2LockColor1.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock2c {background: url(../images/lock2LockColor3.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock2d {background: url(../images/lock2LockColor4.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock2e {background: url(../images/lock2LockColor5.png) 28px 372px no-repeat;background-size: 55px;}

#jamb.lock3 {background: url(../images/lock3.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock3a {background: url(../images/lock3LockColor6.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock3b {background: url(../images/lock3LockColor1.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock3c {background: url(../images/lock3LockColor3.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock3d {background: url(../images/lock3LockColor4.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock3e {background: url(../images/lock3LockColor5.png) 28px 372px no-repeat;background-size: 55px;}

#jamb.lock4 {background: url(../images/lock4.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock4a {background: url(../images/lock4LockColor6.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock4b {background: url(../images/lock4LockColor1.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock4c {background: url(../images/lock4LockColor3.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock4d {background: url(../images/lock4LockColor4.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock4e {background: url(../images/lock4LockColor5.png) 28px 372px no-repeat;background-size: 55px;}

#jamb.lock5 {background: url(../images/lock5.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock5a {background: url(../images/lock5LockColor6.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock5b {background: url(../images/lock5LockColor1.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock5c {background: url(../images/lock5LockColor3.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock5d {background: url(../images/lock5LockColor4.png) 28px 372px no-repeat;background-size: 55px;}
#jamb.lock5e {background: url(../images/lock5LockColor5.png) 28px 372px no-repeat;background-size: 55px;}

.jambdoorcolorsplace button {width: 8.0%;}
.jambdoorcolorsplace button span {min-height: 50px;background-size:55px !important}

.btnchoose .lock1LockColor1 span {background:var(--grey) url(../images/lock1LockColor1.png) center center no-repeat;}
.btnchoose .lock1LockColor2 span {background:var(--grey) url(../images/lock1LockColor2.png) center center no-repeat;}
.btnchoose .lock1LockColor3 span {background:var(--grey) url(../images/lock1LockColor3.png) center center no-repeat;}
.btnchoose .lock1LockColor4 span {background:var(--grey) url(../images/lock1LockColor4.png) center center no-repeat;}
.btnchoose .lock1LockColor5 span {background:var(--grey) url(../images/lock1LockColor5.png) center center no-repeat;}
.btnchoose .lock1LockColor6 span {background:var(--grey) url(../images/lock1LockColor6.png) center center no-repeat;}
#jambcolor.lock1LockColor1 {background: url(../images/lock1LockColor1.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock1LockColor2 {background: url(../images/lock1LockColor2.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock1LockColor3 {background: url(../images/lock1LockColor3.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock1LockColor4 {background: url(../images/lock1LockColor4.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock1LockColor5 {background: url(../images/lock1LockColor5.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock1LockColor6 {background: url(../images/lock1LockColor6.png) 26px 372px no-repeat;background-size: 60px;}

.btnchoose .lock2LockColor1 span {background:var(--grey) url(../images/lock2LockColor1.png) center center no-repeat;}
.btnchoose .lock2LockColor2 span {background:var(--grey) url(../images/lock2LockColor2.png) center center no-repeat;}
.btnchoose .lock2LockColor3 span {background:var(--grey) url(../images/lock2LockColor3.png) center center no-repeat;}
.btnchoose .lock2LockColor4 span {background:var(--grey) url(../images/lock2LockColor4.png) center center no-repeat;}
.btnchoose .lock2LockColor5 span {background:var(--grey) url(../images/lock2LockColor5.png) center center no-repeat;}
.btnchoose .lock2LockColor6 span {background:var(--grey) url(../images/lock2LockColor6.png) center center no-repeat;}
#jambcolor.lock2LockColor1 {background: url(../images/lock2LockColor1.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock2LockColor2 {background: url(../images/lock2LockColor2.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock2LockColor3 {background: url(../images/lock2LockColor3.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock2LockColor4 {background: url(../images/lock2LockColor4.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock2LockColor5 {background: url(../images/lock2LockColor5.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock2LockColor6 {background: url(../images/lock2LockColor6.png) 26px 372px no-repeat;background-size: 60px;}

.btnchoose .lock3LockColor1 span {background:var(--grey) url(../images/lock3LockColor1.png) center center no-repeat;}
.btnchoose .lock3LockColor2 span {background:var(--grey) url(../images/lock3LockColor2.png) center center no-repeat;}
.btnchoose .lock3LockColor3 span {background:var(--grey) url(../images/lock3LockColor3.png) center center no-repeat;}
.btnchoose .lock3LockColor4 span {background:var(--grey) url(../images/lock3LockColor4.png) center center no-repeat;}
.btnchoose .lock3LockColor5 span {background:var(--grey) url(../images/lock3LockColor5.png) center center no-repeat;}
.btnchoose .lock3LockColor6 span {background:var(--grey) url(../images/lock3LockColor6.png) center center no-repeat;}
#jambcolor.lock3LockColor1 {background: url(../images/lock3LockColor1.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock3LockColor2 {background: url(../images/lock3LockColor2.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock3LockColor3 {background: url(../images/lock3LockColor3.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock3LockColor4 {background: url(../images/lock3LockColor4.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock3LockColor5 {background: url(../images/lock3LockColor5.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock3LockColor6 {background: url(../images/lock3LockColor6.png) 26px 372px no-repeat;background-size: 60px;}

.btnchoose .lock4LockColor1 span {background:var(--grey) url(../images/lock4LockColor1.png) center center no-repeat;}
.btnchoose .lock4LockColor2 span {background:var(--grey) url(../images/lock4LockColor2.png) center center no-repeat;}
.btnchoose .lock4LockColor3 span {background:var(--grey) url(../images/lock4LockColor3.png) center center no-repeat;}
.btnchoose .lock4LockColor4 span {background:var(--grey) url(../images/lock4LockColor4.png) center center no-repeat;}
.btnchoose .lock4LockColor5 span {background:var(--grey) url(../images/lock4LockColor5.png) center center no-repeat;}
.btnchoose .lock4LockColor6 span {background:var(--grey) url(../images/lock4LockColor6.png) center center no-repeat;}
#jambcolor.lock4LockColor1 {background: url(../images/lock4LockColor1.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock4LockColor2 {background: url(../images/lock4LockColor2.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock4LockColor3 {background: url(../images/lock4LockColor3.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock4LockColor4 {background: url(../images/lock4LockColor4.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock4LockColor5 {background: url(../images/lock4LockColor5.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock4LockColor6 {background: url(../images/lock4LockColor6.png) 26px 372px no-repeat;background-size: 60px;}

.btnchoose .lock5LockColor1 span {background:var(--grey) url(../images/lock5LockColor1.png) center center no-repeat;}
.btnchoose .lock5LockColor2 span {background:var(--grey) url(../images/lock5LockColor2.png) center center no-repeat;}
.btnchoose .lock5LockColor3 span {background:var(--grey) url(../images/lock5LockColor3.png) center center no-repeat;}
.btnchoose .lock5LockColor4 span {background:var(--grey) url(../images/lock5LockColor4.png) center center no-repeat;}
.btnchoose .lock5LockColor5 span {background:var(--grey) url(../images/lock5LockColor5.png) center center no-repeat;}
.btnchoose .lock5LockColor6 span {background:var(--grey) url(../images/lock5LockColor6.png) center center no-repeat;}
#jambcolor.lock5LockColor1 {background: url(../images/lock5LockColor1.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock5LockColor2 {background: url(../images/lock5LockColor2.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock5LockColor3 {background: url(../images/lock5LockColor3.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock5LockColor4 {background: url(../images/lock5LockColor4.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock5LockColor5 {background: url(../images/lock5LockColor5.png) 26px 372px no-repeat;background-size: 60px;}
#jambcolor.lock5LockColor6 {background: url(../images/lock5LockColor6.png) 26px 372px no-repeat;background-size: 60px;}

#decree {z-index:2}
#decree.decree1 {background: url(../images/decree1.png) 27px 299px  no-repeat;background-size: 56px;}
#decree.decree2 {background: url(../images/decree6.png) 27px 299px  no-repeat;background-size: 56px;}
#decree.decree3 {background: url(../images/decree4.png) 27px 299px  no-repeat;background-size: 56px;}
#decree.decree4 {background: url(../images/decree3.png) 27px 299px  no-repeat;background-size: 56px;}
#decree.decree5 {background: url(../images/decree5.png) 27px 299px  no-repeat;background-size: 56px;}
#decree.decree6 {background: url(../images/decree2.png) 27px 299px  no-repeat;background-size: 56px;}

#decree.decree1a {background: url(../images/decree1a.png) 26px 299px  no-repeat;background-size: 61px;}
#decree.decree2a {background: url(../images/decree2a.png) 26px 299px  no-repeat;background-size: 61px;}
#decree.decree3a {background: url(../images/decree3a.png) 26px 299px  no-repeat;background-size: 61px;}
#decree.decree4a {background: url(../images/decree4a.png) 26px 299px  no-repeat;background-size: 61px;}
#decree.decree5a {background: url(../images/decree5a.png) 26px 299px  no-repeat;background-size: 61px;}
#decree.decree6a {background: url(../images/decree6a.png) 26px 299px  no-repeat;background-size: 61px;}

#bigdoor #Mezuzah {width: 80px;height: 80px;left: auto;right: -55px;top: 40px;background:var(--grey);display:none;overflow:visible;    z-index: 9;box-shadow:var(--shadow2)}
#bigdoor #Mezuzah i {width: 0px;height: 0px;border-style: solid;border-width: 15px 15px 0px 0;border-color: transparent var(--grey) transparent transparent;transform: rotate(0deg);transform: rotate(0deg);position: absolute;left: -14px;top: 15px;filter: drop-shadow(-4px 4px 4px rgba(50, 50, 50, .2));}
#bigdoor #Mezuzah:after, #bigdoor #Mezuzah:before {background:var(--greygrey);width:1px;height:100%;position:absolute;left:20px;top:0;content:"";display:block}
#bigdoor #Mezuzah:before {left:58px;}

#Mezuzah span {width: 80px;height: 80px;display:block;margin:0px;position:relative;z-index:2}
#Mezuzah div:after {background:var(--white);width:38px;height:100%;position:absolute;left:20px;top:0;content:"";display:block;}
#Mezuzah.Mezuzah1 span {background: url(../images/Mezuzah1.png) center center no-repeat;}
#Mezuzah.Mezuzah2 span {background: url(../images/Mezuzah2.png) center center no-repeat;}
#Mezuzah.Mezuzah3 span {background: url(../images/Mezuzah3.png) center center no-repeat;}
#Mezuzah.Mezuzah4 span {background: url(../images/Mezuzah4.png) center center no-repeat;}

#bigdoor #Mezuzah.Mezuzah1, #bigdoor #Mezuzah.Mezuzah2, #bigdoor #Mezuzah.Mezuzah3, #bigdoor #Mezuzah.Mezuzah4 {display:block}

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

.Mezuzahdoorsplace, #divMezuzahData {display:none}

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

#window {z-index:4}

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

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

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

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

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

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

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

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

#handlecolor.handle13f {background: url(../images/Barcelona2.png) 42px 339px no-repeat;}
#handlecolor.handle13a {background: url(../images/Barcelona.png) 42px 339px no-repeat;}
#handlecolor.handle13d {background: url(../images/Barcelona3.png) 42px 339px no-repeat;}
#handlecolor.handle13handle17 {background: url(../images/Barcelona4.png) 42px 339px no-repeat;}

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

#handlecolor {z-index:6}

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

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

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

.btnchoose .handle5a span {background: var(--grey) url(../images/granada.png) center 10px no-repeat;}
.btnchoose .handle5handle5f span {background: var(--grey) url(../images/granada4.png) center 10px no-repeat;}
.btnchoose .handle5b span {background: var(--grey) url(../images/granada2.png) center 10px no-repeat;}
.btnchoose .handle5d span {background: var(--grey) url(../images/granada3.png) center 10px no-repeat;}

.handlechoose {position:relative}
.fakechoose .btnchoose {align-items: center;}
.fakechoose .title {font-size:14px;display:none}
.fakechoose {position:absolute;right:80px;top:-5px;}	
.fakechoose button {width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--greydark);cursor: pointer;overflow: hidden;margin: 0 10px 0 0;}
.fakechoose button span, .fakechoose button.close, .fakechoose button .title {display:none}
.fakechoose .handle5a, .fakechoose .handle13a, .fakechoose .handle14a, .fakechoose .handle3a {background: #F7F7F9;background: linear-gradient(180deg, rgba(247, 247, 249, 1) 0%, rgba(151, 151, 151, 1) 100%);}
.fakechoose .handle5b, .fakechoose .handle14b {background: #323232;background: linear-gradient(360deg, rgba(50, 50, 50, 1) 0%, rgba(151, 151, 151, 1) 100%);}
.fakechoose .handle5handle5f {background: #ccc;background: linear-gradient(360deg, rgba(225, 225, 225, 1) 0%, rgba(255, 255, 255, 1) 100%);}
.fakechoose .handle5d {background: #D2A971;background: linear-gradient(360deg, rgba(210, 169, 113, 1) 0%, rgba(254, 246, 223, 1) 100%);}
.fakechoose .handle13f {background: #D2A971;background:linear-gradient(360deg, rgb(219 178 163) 0%, rgba(254, 246, 223, 1) 100%)}
.fakechoose .handle13d {background: #D2A971;background: linear-gradient(360deg, rgba(210, 169, 113, 1) 0%, rgba(254, 246, 223, 1) 100%);}
.fakechoose .handle13handle17 {    background: #D2A971;background: linear-gradient(360deg, #4d320e 0%, rgba(254, 246, 223, 1) 100%);}
.fakechoose button.this {border:2px solid var(--maincolor);}

.glasschoose {position:relative}
.glassdoorsplace .btnchoose {align-items: center;}
.glassdoorsplace .title {font-size:14px;display:none}
.glassdoorsplace {position:absolute;right:65px;top:0px;}
.glassdoorsplace button {width: 30px;height: 30px;border-radius: 50%;border: 1px solid var(--greydark);cursor: pointer;overflow: hidden;margin: 0 10px 0 0;}
.glassdoorsplace button.close, .glassdoorsplace button .title {display:none}
.glassdoorsplace button span, .glassdoorsplace button.this span {width:100%;height:100%;border:none;min-height:0}

#handlecolor.handle8a {background: url(../images/venecia.png) 40px 342px no-repeat;}
#handlecolor.handle8f {background: url(../images/venecia2.png) 40px 342px no-repeat;}
.btnchoose .handle8a span {background: var(--grey) url(../images/venecia.png) center center no-repeat;}
.btnchoose .handle8f span {background: var(--grey) url(../images/venecia2.png) center center no-repeat;}

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

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

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

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

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

.grid1_2 .glasschoose, .grid1_3 .glasschoose {display:none}


.zeroline #bigdoor #front {height: 101%;}

.zeroline #jamb > div {height:101%}
.zeroline #jamb .left, .zeroline #jamb .right {width: 1px;}
.zeroline .floorplace:after, .zeroline .floorplace:before {bottom: 110px;width:100%}
.zeroline #jamb .top:after, .zeroline #jamb .left span:after, .zeroline #jamb .right span:after, 
.zeroline #jamb .top span:after, .zeroline #jamb .top span:before {display:none}

.zeroline #gridfront > div {height:100%;top:0;width: 100%;}
.zeroline #gridfront > div > div {    width: 100% !important;left: 0 !important;}
.zeroline #jamb .top {border-top:1px solid #000; height: 1px;left: 0;width: 100%;}
.zeroline #jamb .left {border-left:1px solid #000;top:0px;}
.zeroline #jamb .right {border-right:1px solid #000;top:0px;}
.zeroline #bigdoor {width: 270px;height: 670px;margin-top:20px}
.zeroline #jamb .top span:before, .zeroline #jamb .left:after {display:none}

.zeroline .btnchoose .handle14b span {background: var(--grey) url(../images/Andora2.png) center 10px no-repeat;}
.zeroline .btnchoose .handle14a span {background: var(--grey) url(../images/Andora.png) center 10px no-repeat;}
.zeroline #handlecolor.handle14b {background: url(../images/Andora2.png) 10px 342px no-repeat;}
.zeroline #handlecolor.handle14a {background: url(../images/Andora.png) 10px 342px no-repeat;}
.zeroline .btnchoose .handle13f span {background: var(--grey) url(../images/Barcelona2.png) center 10px no-repeat;}
.zeroline .btnchoose .handle13a span {background: var(--grey) url(../images/Barcelona.png) center 10px no-repeat;}
.zeroline .btnchoose .handle13d span {background: var(--grey) url(../images/Barcelona3.png) center 10px no-repeat;}
.zeroline #handlecolor.handle13f {background: url(../images/Barcelona2.png) 12px 339px no-repeat;}
.zeroline #handlecolor.handle13a {background: url(../images/Barcelona.png) 12px 339px no-repeat;}
.zeroline #handlecolor.handle13d {background: url(../images/Barcelona3.png) 12px 339px no-repeat;}
.zeroline #handlecolor.handle13handle17 {background: url(../images/Barcelona4.png) 12px 339px no-repeat;}
.zeroline .btnchoose .handle3a span {background: var(--grey) url(../images/bolonia.png) center 10px no-repeat;}
.zeroline #handlecolor.handle3a {background: url(../images/bolonia.png) 10px 342px no-repeat;}

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

.zeroline .btnchoose .handle5a span {background: var(--grey) url(../images/granada.png) center 10px no-repeat;}
.zeroline .btnchoose .handle5handle5f span {background: var(--grey) url(../images/granada4.png) center 10px no-repeat;}
.zeroline .btnchoose .handle5b span {background: var(--grey) url(../images/granada2.png) center 10px no-repeat;}
.zeroline .btnchoose .handle5d span {background: var(--grey) url(../images/granada3.png) center 10px no-repeat;}

.zeroline #decree.decree1 {background: url(../images/decree1.png) -3px 299px  no-repeat;background-size: 56px;}
.zeroline #decree.decree2 {background: url(../images/decree6.png) -3px 299px  no-repeat;background-size: 56px;}
.zeroline #decree.decree3 {background: url(../images/decree4.png) -3px 299px  no-repeat;background-size: 56px;}
.zeroline #decree.decree4 {background: url(../images/decree3.png) -3px 299px  no-repeat;background-size: 56px;}
.zeroline #decree.decree5 {background: url(../images/decree5.png) -3px 299px  no-repeat;background-size: 56px;}
.zeroline #decree.decree6 {background: url(../images/decree2.png) -3px 299px  no-repeat;background-size: 56px;}

.zeroline #decree.decree1a {background: url(../images/decree1a.png) -5px 299px  no-repeat;background-size: 61px;}
.zeroline #decree.decree2a {background: url(../images/decree2a.png) -3px 299px  no-repeat;background-size: 61px;}
.zeroline #decree.decree3a {background: url(../images/decree3a.png) -3px 299px  no-repeat;background-size: 61px;}
.zeroline #decree.decree4a {background: url(../images/decree4a.png) -3px 299px  no-repeat;background-size: 61px;}
.zeroline #decree.decree5a {background: url(../images/decree5a.png) -5px 299px  no-repeat;background-size: 61px;}
.zeroline #decree.decree6a {background: url(../images/decree6a.png) -3px 299px  no-repeat;background-size: 61px;}

.zeroline #jamb.lock1 {background: url(../images/lock1.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock1a {background: url(../images/lock1LockColor6.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock1b {background: url(../images/lock1LockColor1.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock1c {background: url(../images/lock1LockColor3.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock1d {background: url(../images/lock1LockColor4.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock1e {background: url(../images/lock1LockColor5.png) -2px 372px no-repeat;background-size: 55px;}

.zeroline #jamb.lock2 {background: url(../images/lock2.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock2a {background: url(../images/lock2LockColor6.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock2b {background: url(../images/lock2LockColor1.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock2c {background: url(../images/lock2LockColor3.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock2d {background: url(../images/lock2LockColor4.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock2e {background: url(../images/lock2LockColor5.png) -2px 372px no-repeat;background-size: 55px;}

.zeroline #jamb.lock3 {background: url(../images/lock3.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock3a {background: url(../images/lock3LockColor6.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock3b {background: url(../images/lock3LockColor1.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock3c {background: url(../images/lock3LockColor3.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock3d {background: url(../images/lock3LockColor4.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock3e {background: url(../images/lock3LockColor5.png) -2px 372px no-repeat;background-size: 55px;}

.zeroline #jamb.lock4 {background: url(../images/lock4.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock4a {background: url(../images/lock4LockColor6.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock4b {background: url(../images/lock4LockColor1.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock4c {background: url(../images/lock4LockColor3.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock4d {background: url(../images/lock4LockColor4.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock4e {background: url(../images/lock4LockColor5.png) -2px 372px no-repeat;background-size: 55px;}

.zeroline #jamb.lock5 {background: url(../images/lock5.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock5a {background: url(../images/lock5LockColor6.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock5b {background: url(../images/lock5LockColor1.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock5c {background: url(../images/lock5LockColor3.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock5d {background: url(../images/lock5LockColor4.png) -2px 372px no-repeat;background-size: 55px;}
.zeroline #jamb.lock5e {background: url(../images/lock5LockColor5.png) -2px 372px no-repeat;background-size: 55px;}




.heightdoor #bigdoor {width: 300px;}
.heightdoor .greydoorplace:before {    background: url(../images/plant2.png) -20% 92% no-repeat;background-size: 350px;}

.heightdoor .handle5a span {background: var(--grey) url(../images/granada.png)  39px 382px no-repeat;}
.heightdoor .handle5handle5f span {background: var(--grey) url(../images/granada4.png) 39px 382px no-repeat;}
.heightdoor .handle5b span {background: var(--grey) url(../images/granada2.png)  39px 382px no-repeat;}
.heightdoor .handle5d span {background: var(--grey) url(../images/granada3.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle5a {background: url(../images/granada.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle5handle5f {background: url(../images/granada4.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle5b {background: url(../images/granada2.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle5d {background: url(../images/granada3.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle14b {background: url(../images/Andora2.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle14a {background: url(../images/Andora.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle3a {background: url(../images/bolonia.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle13f {background: url(../images/Barcelona2.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle13a {background: url(../images/Barcelona.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle13d {background: url(../images/Barcelona3.png)  39px 382px no-repeat;}
.heightdoor #handlecolor.handle13handle17 {background: url(../images/Barcelona4.png)  372px 372px no-repeat;}

.heightdoor #jamb.lock1 {background: url(../images/lock1.png) 27px 415px  no-repeat;background-size: 55px;}
.heightdoor #jamb.lock1a {background: url(../images/lock1LockColor6.png) 27px 415px  no-repeat;background-size: 55px;}
.heightdoor #jamb.lock1b {background: url(../images/lock1LockColor1.png) 27px 415px  no-repeat;background-size: 55px;}
.heightdoor #jamb.lock1c {background: url(../images/lock1LockColor3.png) 27px 415px  no-repeat;background-size: 55px;}
.heightdoor #jamb.lock1d {background: url(../images/lock1LockColor4.png) 27px 415px  no-repeat;background-size: 55px;}
.heightdoor #jamb.lock1e {background: url(../images/lock1LockColor5.png) 27px 415px  no-repeat;background-size: 55px;}

.heightdoor #jamb.lock2 {background: url(../images/lock2.png) 27px 415px  no-repeat;background-size: 55px;}
.heightdoor #jamb.lock2a {background: url(../images/lock2LockColor6.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock2b {background: url(../images/lock2LockColor1.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock2c {background: url(../images/lock2LockColor3.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock2d {background: url(../images/lock2LockColor4.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock2e {background: url(../images/lock2LockColor5.png) 27px 415px no-repeat;background-size: 55px;}

.heightdoor #jamb.lock3 {background: url(../images/lock3.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock3a {background: url(../images/lock3LockColor6.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock3b {background: url(../images/lock3LockColor1.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock3c {background: url(../images/lock3LockColor3.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock3d {background: url(../images/lock3LockColor4.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock3e {background: url(../images/lock3LockColor5.png) 27px 415px no-repeat;background-size: 55px;}

.heightdoor #jamb.lock4 {background: url(../images/lock4.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock4a {background: url(../images/lock4LockColor6.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock4b {background: url(../images/lock4LockColor1.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock4c {background: url(../images/lock4LockColor3.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock4d {background: url(../images/lock4LockColor4.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock4e {background: url(../images/lock4LockColor5.png) 27px 415px no-repeat;background-size: 55px;}

.heightdoor #jamb.lock5 {background: url(../images/lock5.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock5a {background: url(../images/lock5LockColor6.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock5b {background: url(../images/lock5LockColor1.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock5c {background: url(../images/lock5LockColor3.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock5d {background: url(../images/lock5LockColor4.png) 27px 415px no-repeat;background-size: 55px;}
.heightdoor #jamb.lock5e {background: url(../images/lock5LockColor5.png) 27px 415px no-repeat;background-size: 55px;}

.heightdoor #decree.decree1 {background: url(../images/decree1.png) 26px 340px  no-repeat;background-size: 56px;}
.heightdoor #decree.decree2 {background: url(../images/decree6.png) 26px 340px  no-repeat;background-size: 56px;}
.heightdoor #decree.decree3 {background: url(../images/decree4.png) 26px 340px  no-repeat;background-size: 56px;}
.heightdoor #decree.decree4 {background: url(../images/decree3.png) 26px 340px  no-repeat;background-size: 56px;}
.heightdoor #decree.decree5 {background: url(../images/decree5.png) 26px 340px  no-repeat;background-size: 56px;}
.heightdoor #decree.decree6 {background: url(../images/decree2.png) 26px 340px  no-repeat;background-size: 56px;}

.heightdoor #decree.decree1a {background: url(../images/decree1a.png) 25px 335px  no-repeat;background-size: 61px;}
.heightdoor #decree.decree2a {background: url(../images/decree2a.png) 25px 335px  no-repeat;background-size: 61px;}
.heightdoor #decree.decree3a {background: url(../images/decree3a.png) 25px 335px  no-repeat;background-size: 61px;}
.heightdoor #decree.decree4a {background: url(../images/decree4a.png) 25px 335px  no-repeat;background-size: 61px;}
.heightdoor #decree.decree5a {background: url(../images/decree5a.png) 25px 335px  no-repeat;background-size: 61px;}
.heightdoor #decree.decree6a {background: url(../images/decree6a.png) 25px 335px  no-repeat;background-size: 61px;}

.heightdoor #gridfront.grid37a > div {background: url(../images/grid4nikel.png) 228px bottom repeat-y;}
.heightdoor #gridfront.grid5 > div div {height: 51%;}
.heightdoor #gridfront.grid7 .moregrid {top: 357px;}
.heightdoor #gridfront.grid15, .heightdoor #gridfront.grid26, .heightdoor #gridfront.grid16, .heightdoor #gridfront.grid16a,
.heightdoor #gridfront.grid16b, .heightdoor #gridfront.grid16c, .heightdoor #gridfront.grid16d{zoom: .9;}

.heightdoor #bigdoor .parentgrid111 #jamb .left {width:1px;background:var(--black)}
.heightdoor #bigdoor .parentgrid111 #jamb .right {width:1px;background:var(--black)}

.heightdoor .floorplace:after, .heightdoor .floorplace:before {    width: 30%;}

.heightdoor #gridfront.grid26 > div, .heightdoor #gridfront.grid26:after,
.heightdoor #gridfront.grid16 > div, .heightdoor #gridfront.grid16:after,
.heightdoor #gridfront.grid16a > div, .heightdoor #gridfront.grid16a:after,
.heightdoor #gridfront.grid16b > div, .heightdoor #gridfront.grid16b:after,
.heightdoor #gridfront.grid16c > div, .heightdoor #gridfront.grid16c:after,
.heightdoor #gridfront.grid16d > div, .heightdoor #gridfront.grid16d:after{ transform: scaleY(1.2); transform-origin: center;}
.heightdoor #gridfront.grid16c > div, .heightdoor #gridfront.grid16c:after,
.heightdoor #gridfront.grid16d > div, .heightdoor #gridfront.grid16d:after{margin-top:100px;}


.heightdoor .parentgrid111 #bigdoor #front {height: 101%;}
.heightdoor .parentgrid111 #jamb > div {height:101%}


.heightdoor .parentgrid111 #jamb .top:after, .heightdoor .parentgrid111 #jamb .left span:after, .heightdoor .parentgrid111 #jamb .right span:after, 
.heightdoor .parentgrid111 #jamb .top span:after, .heightdoor .parentgrid111 #jamb .top span:before {display:none}

.parentgrid111 #bigdoor #jamb {    z-index: 2;}
.parentgrid111 #bigdoor #jamb > div {background:none}

.parentgrid111 #gridfront > div {height:100%;top:0;width: 100%;}
.parentgrid111 #gridfront > div > div {    width: 100% !important;left: 0 !important;}


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

.parentgrid111 #gridfront.grid7 .moregrid {top: 345px;}

.parentgrid111 #gridfront.grid5 > div, .parentgrid111 #gridfront.grid38a > div {top: 90px;}

.parentgrid111 #gridfront.grid14 > div {    -webkit-mask-position: 57px center;mask-position: 57px center;}
.parentgrid111 #gridfront.grid18 > div {    -webkit-mask-position: 175px 60px;mask-position: 175px 60px;}
.parentgrid111 #gridfront.grid15 > div {    -webkit-mask-position: center 60px;mask-position: center 60px;}
.parentgrid111 #gridfront.grid11 > div {    -webkit-mask-position: center 80px;mask-position: center 80px;}
.parentgrid111 #gridfront.grid12 > div {    -webkit-mask-position: center 80px;mask-position: center 80px;}
.parentgrid111 #gridfront.grid26 > div {top: 90px;  width: 180px;height: 560px;  -webkit-mask-position: center 4px;mask-position: center 4px;}
.parentgrid111 #gridfront.grid16 > div {top: 90px;  width: 180px;height: 560px;  -webkit-mask-position: center -7px;mask-position: center -7px;}
.parentgrid111 #gridfront.grid16a > div {top: 90px;  width: 180px;height: 560px;  -webkit-mask-position: center -7px;mask-position: center -7px;}

.parentgrid111 #gridfront.grid13a > div, .parentgrid111 #gridfront.grid13b > div, .parentgrid111 #gridfront.grid13 > div,
.parentgrid111 #gridfront.grid13c > div {width: 190px;height: 570px;    top: 50px;}
.parentgrid111 #gridfront.grid16b > div {width: 190px;height: 590px;    top: 50px;    -webkit-mask-position: center 32px;mask-position: center 32px;}

.parentgrid111 #gridfront.grid37 > div {    background: url(../images/grid4nikel.png) 50px bottom repeat-y;}
.parentgrid111 #gridfront.grid37 > div:after {left: 70px;}
.parentgrid111 #gridfront.grid37 > div:before {    left: 90px;}

.parentgrid111 #gridfront.grid37a > div {    background: url(../images/grid4nikel.png) 226px bottom repeat-y;}
.parentgrid111 #gridfront.grid37a > div:after {right: 20px;}
.parentgrid111 #gridfront.grid37a > div:before {    right: 60px;}

.parentgrid111 #jamb .top {border-top:1px solid #000; height: 1px;left: 0;width: 100%;}
.parentgrid111 #jamb .left {border-left:1px solid #000;top:0px;z-index: 3;width:1px}
.parentgrid111 #jamb .right {border-right:1px solid #000;top:0px;z-index: 3;width:1px}
.parentgrid111 #bigdoor {width: 270px;height: 670px;margin-top:20px}
.parentgrid111 #jamb .top span:before, .parentgrid111 #jamb .left:after {display:none}

.parentgrid111 .btnchoose .handle14b span {background: var(--grey) url(../images/Andora2.png) center 10px no-repeat;}
.parentgrid111 .btnchoose .handle14a span {background: var(--grey) url(../images/Andora.png) center 10px no-repeat;}
.parentgrid111 #handlecolor.handle14b {background: url(../images/Andora2.png) 10px 362px no-repeat;}
.parentgrid111 #handlecolor.handle14a {background: url(../images/Andora.png) 10px 362px no-repeat;}
.parentgrid111 .btnchoose .handle13f span {background: var(--grey) url(../images/Barcelona2.png) center 10px no-repeat;}
.parentgrid111 .btnchoose .handle13a span {background: var(--grey) url(../images/Barcelona.png) center 10px no-repeat;}
.parentgrid111 .btnchoose .handle13d span {background: var(--grey) url(../images/Barcelona3.png) center 10px no-repeat;}
.parentgrid111 #handlecolor.handle13f {background: url(../images/Barcelona2.png) 12px 359px no-repeat;}
.parentgrid111 #handlecolor.handle13a {background: url(../images/Barcelona.png) 12px 359px no-repeat;}
.parentgrid111 #handlecolor.handle13d {background: url(../images/Barcelona3.png) 12px 359px no-repeat;}
.parentgrid111 #handlecolor.handle13handle17 {background: url(../images/Barcelona4.png) 12px 359px no-repeat;}
.parentgrid111 .btnchoose .handle3a span {background: var(--grey) url(../images/bolonia.png) center 10px no-repeat;}
.parentgrid111 #handlecolor.handle3a {background: url(../images/bolonia.png) 10px 362px no-repeat;}

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

.parentgrid111 .btnchoose .handle5a span {background: var(--grey) url(../images/granada.png) center 10px no-repeat;}
.parentgrid111 .btnchoose .handle5handle5f span {background: var(--grey) url(../images/granada4.png) center 10px no-repeat;}
.parentgrid111 .btnchoose .handle5b span {background: var(--grey) url(../images/granada2.png) center 10px no-repeat;}
.parentgrid111 .btnchoose .handle5d span {background: var(--grey) url(../images/granada3.png) center 10px no-repeat;}

.parentgrid111 #decree.decree1 {background: url(../images/decree1.png) -3px 322px  no-repeat;background-size: 56px;}
.parentgrid111 #decree.decree2 {background: url(../images/decree6.png) -3px 322px  no-repeat;background-size: 56px;}
.parentgrid111 #decree.decree3 {background: url(../images/decree4.png) -3px 322px  no-repeat;background-size: 56px;}
.parentgrid111 #decree.decree4 {background: url(../images/decree3.png) -3px 322px  no-repeat;background-size: 56px;}
.parentgrid111 #decree.decree5 {background: url(../images/decree5.png) -3px 322px  no-repeat;background-size: 56px;}
.parentgrid111 #decree.decree6 {background: url(../images/decree2.png) -3px 322px  no-repeat;background-size: 56px;}

.parentgrid111 #decree.decree1a {background: url(../images/decree1a.png) -5px 322px  no-repeat;background-size: 61px;}
.parentgrid111 #decree.decree2a {background: url(../images/decree2a.png) -3px 322px  no-repeat;background-size: 61px;}
.parentgrid111 #decree.decree3a {background: url(../images/decree3a.png) -3px 322px  no-repeat;background-size: 61px;}
.parentgrid111 #decree.decree4a {background: url(../images/decree4a.png) -3px 322px  no-repeat;background-size: 61px;}
.parentgrid111 #decree.decree5a {background: url(../images/decree5a.png) -5px 322px  no-repeat;background-size: 61px;}
.parentgrid111 #decree.decree6a {background: url(../images/decree6a.png) -3px 322px  no-repeat;background-size: 61px;}

.parentgrid111 #jamb.lock1 {background: url(../images/lock1.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock1a {background: url(../images/lock1LockColor6.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock1b {background: url(../images/lock1LockColor1.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock1c {background: url(../images/lock1LockColor3.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock1d {background: url(../images/lock1LockColor4.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock1e {background: url(../images/lock1LockColor5.png) -2px 392px no-repeat;background-size: 55px;}

.parentgrid111 #jamb.lock2 {background: url(../images/lock2.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock2a {background: url(../images/lock2LockColor6.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock2b {background: url(../images/lock2LockColor1.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock2c {background: url(../images/lock2LockColor3.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock2d {background: url(../images/lock2LockColor4.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock2e {background: url(../images/lock2LockColor5.png) -2px 392px no-repeat;background-size: 55px;}

.parentgrid111 #jamb.lock3 {background: url(../images/lock3.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock3a {background: url(../images/lock3LockColor6.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock3b {background: url(../images/lock3LockColor1.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock3c {background: url(../images/lock3LockColor3.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock3d {background: url(../images/lock3LockColor4.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock3e {background: url(../images/lock3LockColor5.png) -2px 392px no-repeat;background-size: 55px;}

.parentgrid111 #jamb.lock4 {background: url(../images/lock4.png) -2px 392px no-repeat;background-size: 55px;z-index: 2;}
.parentgrid111 #jamb.lock4a {background: url(../images/lock4LockColor6.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock4b {background: url(../images/lock4LockColor1.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock4c {background: url(../images/lock4LockColor3.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock4d {background: url(../images/lock4LockColor4.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock4e {background: url(../images/lock4LockColor5.png) -2px 392px no-repeat;background-size: 55px;}

.parentgrid111 #jamb.lock5 {background: url(../images/lock5.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock5a {background: url(../images/lock5LockColor6.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock5b {background: url(../images/lock5LockColor1.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock5c {background: url(../images/lock5LockColor3.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock5d {background: url(../images/lock5LockColor4.png) -2px 392px no-repeat;background-size: 55px;}
.parentgrid111 #jamb.lock5e {background: url(../images/lock5LockColor5.png) -2px 392px no-repeat;background-size: 55px;}

.parentgrid111 #gridfront.grid37a > div.buttoncolor3 {background: url(../images/grid4nikelbuttoncolor3.png) 226px bottom repeat-y;}
.parentgrid111 #gridfront.grid37a > div.buttoncolor2 {background: url(../images/grid4nikelbuttoncolor2.png) 226px bottom repeat-y;}

.parentgrid111 #gridfront.grid37 > div.buttoncolor2 {background: url(../images/grid4nikelbuttoncolor2.png) 50px bottom repeat-y;}

.parentgrid111 #gridfront.grid37 > div.buttoncolor3 {background: url(../images/grid4nikelbuttoncolor3.png) 50px bottom repeat-y;}

.halonalert {font-size:11px;font-weight:400;margin:11px 10px 0 0;display:none}

.slidingdoor #jamb {background:none;}
.slidingdoor .jambdoorsplace, .slidingdoor .jambdoorcolorsplace, .optionsdoors.grid1_1 #ContentPlaceHolder1_divGrids2a,
.optionsdoors.grid1_1 #ContentPlaceHolder1_divGrids3, .optionsdoors.grid1_1 .handlechoose,
.optionsdoors.grid1_1 .decreedoorsplace, .tmpdesigndoor .decreedoorsplace {display:none !important}

.slidingdoor #ContentPlaceHolder1_divHandlesColor {opacity:0}
.slidingdoor .halonalert {display:inline-block;position: absolute;left: 0;}

/*.slidingdoor #jamb .left, .slidingdoor #jamb .right {height: 100%;}

.slidingdoor .floorplace:after, .slidingdoor .floorplace:before {    width: 50%;}
.slidingdoor .door-color-panel {margin: 68px 0 0 0;}
*/

.parentgrid1_1 #jamb div, .parentgrid1_1 #handlecolor, .parentgrid1_1 #decree, .parentgrid1_3 #jamb .top span:after {display:none}
.parentgrid1_1 #bigdoor.color1 #front {background:none}
.parentgrid1_1 .grid1_1 {background: url(../images/grid1_1_b_2.png) center 0px no-repeat;background-size: 588px;height: 697px !important;}
.parentgrid1_1 #bigdoor {width: 100%;}

.parentgrid1_1 .floorplace:after, .parentgrid1_1 .floorplace:before {width: 50%;}
/*.parentgrid1_1 .door-color-panel {margin: 68px 0 0 0;}*/


.parentgrid1_3 #gridfront > div {    height: 100%;width: 100%;top: 0px;}
.parentgrid1_3 #gridfront > div > div {    width: 100%;}

.parentgrid1_3 #jamb .top span:before {display:none}
.parentgrid1_3 #jamb .top {border-top:1px solid #000; height: 0;left: 0;width: 100%;}
.parentgrid1_3 #jamb .left {border-left:1px solid #000;top:0px;}
.parentgrid1_3 #jamb .right {border-right:1px solid #000;top:0px;}
.parentgrid1_3 #bigdoor {width: 270px;height: 670px;margin-top:20px}
.parentgrid1_3 #jamb .left:after {display:none}
.parentgrid1_3 #jamb .left, .parentgrid1_3 #jamb .right {width: 1px;}
.parentgrid1_3 #jamb .left span:after {top: 0;left: 0;}
.parentgrid1_3 #jamb .right span:after {top: 0;right: 0;}

.parentgrid1_3 #gridfront.grid13a > div, .parentgrid1_3 #gridfront.grid13b > div, .parentgrid1_3 #gridfront.grid13 > div,
.parentgrid1_3 #gridfront.grid13c > div {width: 190px;height: 570px;    top: 50px;}
.parentgrid1_3 #gridfront.grid16b > div {width: 190px;height: 590px;    top: 50px;    -webkit-mask-position: center 32px;mask-position: center 32px;}


.parentgrid1_3 #handlecolor.handle15b {background: url(../images/handle15.png) 11px 322px no-repeat;background-size: 65px;}
.parentgrid1_3 #handlecolor.handle16a {background: url(../images/handle16.png) 11px 322px no-repeat;background-size: 65px;}
.parentgrid1_3 #handlecolor.handle17a {background: url(../images/handle17.png) 11px 322px no-repeat;background-size: 65px;}
	
#handlecolor.handle15b {background: url(../images/handle15.png) 41px 342px no-repeat;background-size: 65px;}
#handlecolor.handle16a {background: url(../images/handle16.png) 40px 342px no-repeat;background-size: 65px;}
#handlecolor.handle17a {background: url(../images/handle17.png) 40px 342px no-repeat;background-size: 65px;}


.parentgrid1_3 #decree.decree1 {background: url(../images/decree1.png) -3px 279px  no-repeat;background-size: 56px;}
.parentgrid1_3 #decree.decree2 {background: url(../images/decree6.png) -3px 279px  no-repeat;background-size: 56px;}
.parentgrid1_3 #decree.decree3 {background: url(../images/decree4.png) -3px 279px  no-repeat;background-size: 56px;}
.parentgrid1_3 #decree.decree4 {background: url(../images/decree3.png) -3px 279px  no-repeat;background-size: 56px;}
.parentgrid1_3 #decree.decree5 {background: url(../images/decree5.png) -3px 279px  no-repeat;background-size: 56px;}
.parentgrid1_3 #decree.decree6 {background: url(../images/decree2.png) -3px 279px  no-repeat;background-size: 56px;}

.parentgrid1_3 #gridfront.grid37 > div {    background: url(../images/grid4nikel.png) 50px bottom repeat-y;}
.parentgrid1_3 #gridfront.grid37 > div:after {left: 70px;}
.parentgrid1_3 #gridfront.grid37 > div:before {    left: 90px;}

.parentgrid1_3 #gridfront.grid37a > div {    background: url(../images/grid4nikel.png) 226px bottom repeat-y;}
.parentgrid1_3 #gridfront.grid37a > div.buttoncolor3 {background: url(../images/grid4nikelbuttoncolor3.png) 226px bottom repeat-y;}
.parentgrid1_3 #gridfront.grid37a > div.buttoncolor2 {background: url(../images/grid4nikelbuttoncolor2.png) 226px bottom repeat-y;}

.parentgrid1_3 #gridfront.grid37 > div.buttoncolor2 {background: url(../images/grid4nikelbuttoncolor2.png) 50px bottom repeat-y;}
.parentgrid1_3 #gridfront.grid37 > div.buttoncolor3 {background: url(../images/grid4nikelbuttoncolor3.png) 50px bottom repeat-y;}


.parentgrid1_3 #gridfront.grid37a > div:after {right: 20px;}
.parentgrid1_3 #gridfront.grid37a > div:before {    right: 60px;}

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

.parentgrid1_3 #gridfront.grid7 .moregrid {top: 327px;width: 100%;left: 0;}
.parentgrid1_3 #gridfront.grid7a .moregrid {width: 100%;left: 0;}

.parentgrid1_3 #gridfront.grid5 > div, .parentgrid1_3 #gridfront.grid38a > div {top: 90px;}

.parentgrid1_3 #gridfront.grid14 > div {    -webkit-mask-position: 57px center;mask-position: 57px center;}
.parentgrid1_3 #gridfront.grid18 > div {    -webkit-mask-position: 175px 60px;mask-position: 175px 60px;}
.parentgrid1_3 #gridfront.grid15 > div {    -webkit-mask-position: center 60px;mask-position: center 60px;}
.parentgrid1_3 #gridfront.grid11 > div {    -webkit-mask-position: center 80px;mask-position: center 80px;}
.parentgrid1_3 #gridfront.grid12 > div {    -webkit-mask-position: center 80px;mask-position: center 80px;}
.parentgrid1_3 #gridfront.grid26 > div {top: 90px;  width: 180px;height: 560px;  -webkit-mask-position: center 4px;mask-position: center 4px;}
.parentgrid1_3 #gridfront.grid16 > div {top: 90px;  width: 180px;height: 560px;  -webkit-mask-position: center -7px;mask-position: center -7px;}
.parentgrid1_3 #gridfront.grid16a > div {top: 90px;  width: 180px;height: 560px;  -webkit-mask-position: center -7px;mask-position: center -7px;}


.parentgrid1_2 #jamb .top:after {height: 5px;}
.parentgrid1_2 #jamb .left span:after {width: 5px;}
.parentgrid1_2 #jamb .right span:after {left: -5px;width: 5px;}


.dukanfi .greydoorplace:before {background: url(../images/plant2.png) -60% 92% no-repeat;background-size:400px}

 .du #bigdoor.color1 {background: url(../images/dukanfi.png) center center no-repeat;width: 470px;background-size: 100% auto;}
 .du #bigdoor.color2 {background: url(../images/dukanfi2.png) center center no-repeat;width: 470px;background-size: 100% auto;}
 .du #bigdoor.color7 {background: url(../images/dukanfi3.png) center center no-repeat;width: 470px;background-size: 100% auto;}
		 
 .hazaza #bigdoor.color1 {background: url(../images/dukanfi_hazaza2a.png) center center no-repeat;width: 470px;background-size: 469px 690px;}
 .hazaza #bigdoor.color2 {background: url(../images/dukanfi_hazaza2b.png) center center no-repeat;width: 470px;background-size: 469px 690px;}
 .hazaza #bigdoor.color7 {background: url(../images/dukanfi_hazaza2c.png) center center no-repeat;width: 470px;background-size: 469px 690px;}

.dukanfi #bigdoor > div {height: 663px;top: 14px;width: 385px;    left: 40px;}
.dukanfi #bigdoor #gridfront  {height: 635px;width: 215px;top: 42px;left:auto;right: 40px;}
.duhazaza #bigdoor #gridfront  {height: 635px;width: 197px;top: 42px;left:auto;right: 40px;}
.dukanfi #bigdoor #gridfront > div {height: 100%;top: 0;width: 100%;}
.dukanfi #bigdoor #gridfront .moregrid {width: 100%;left:0} 
.dukanfi .door-color-panel {margin: 53px 0 0 0;}
.dukanfi .floorplace:after, .dukanfi .floorplace:before {width: 16%;}

.dukanfi #jamb.lock1 {background: url(../images/lock1.png) 164px 372px  no-repeat;background-size: 55px;}
.dukanfi #jamb.lock1a {background: url(../images/lock1LockColor6.png) 164px 372px  no-repeat;background-size: 55px;}
.dukanfi #jamb.lock1b {background: url(../images/lock1LockColor1.png) 164px 372px  no-repeat;background-size: 55px;}
.dukanfi #jamb.lock1c {background: url(../images/lock1LockColor3.png) 164px 372px  no-repeat;background-size: 55px;}
.dukanfi #jamb.lock1d {background: url(../images/lock1LockColor4.png) 164px 372px  no-repeat;background-size: 55px;}
.dukanfi #jamb.lock1e {background: url(../images/lock1LockColor5.png) 164px 372px  no-repeat;background-size: 55px;}
.dukanfi #jamb.lock2 {background: url(../images/lock2.png) 165px 372px  no-repeat;background-size: 55px;}
.dukanfi #jamb.lock2a {background: url(../images/lock2LockColor6.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock2b {background: url(../images/lock2LockColor1.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock2c {background: url(../images/lock2LockColor3.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock2d {background: url(../images/lock2LockColor4.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock2e {background: url(../images/lock2LockColor5.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock3 {background: url(../images/lock3.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock3a {background: url(../images/lock3LockColor6.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock3b {background: url(../images/lock3LockColor1.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock3c {background: url(../images/lock3LockColor3.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock3d {background: url(../images/lock3LockColor4.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock3e {background: url(../images/lock3LockColor5.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock4 {background: url(../images/lock4.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock4a {background: url(../images/lock4LockColor6.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock4b {background: url(../images/lock4LockColor1.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock4c {background: url(../images/lock4LockColor3.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock4d {background: url(../images/lock4LockColor4.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock4e {background: url(../images/lock4LockColor5.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock5 {background: url(../images/lock5.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock5a {background: url(../images/lock5LockColor6.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock5b {background: url(../images/lock5LockColor1.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock5c {background: url(../images/lock5LockColor3.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock5d {background: url(../images/lock5LockColor4.png) 165px 372px no-repeat;background-size: 55px;}
.dukanfi #jamb.lock5e {background: url(../images/lock5LockColor5.png) 165px 372px no-repeat;background-size: 55px;}

.dukanfi #decree.decree1 {background: url(../images/decree1.png) 164px 299px  no-repeat;background-size: 56px;}
.dukanfi #decree.decree2 {background: url(../images/decree6.png) 164px 299px  no-repeat;background-size: 56px;}
.dukanfi #decree.decree3 {background: url(../images/decree4.png) 164px 299px  no-repeat;background-size: 56px;}
.dukanfi #decree.decree4 {background: url(../images/decree3.png) 164px 299px  no-repeat;background-size: 56px;}
.dukanfi #decree.decree5 {background: url(../images/decree5.png) 164px 299px  no-repeat;background-size: 56px;}
.dukanfi #decree.decree6 {background: url(../images/decree2.png) 164px 299px  no-repeat;background-size: 56px;} 
.dukanfi #decree.decree1a {background: url(../images/decree1a.png) 163px 299px  no-repeat;background-size: 61px;}
.dukanfi #decree.decree2a {background: url(../images/decree2a.png) 163px 299px  no-repeat;background-size: 61px;}
.dukanfi #decree.decree3a {background: url(../images/decree3a.png) 163px 299px  no-repeat;background-size: 61px;}
.dukanfi #decree.decree4a {background: url(../images/decree4a.png) 163px 299px  no-repeat;background-size: 61px;}
.dukanfi #decree.decree5a {background: url(../images/decree5a.png) 163px 299px  no-repeat;background-size: 61px;}
.dukanfi #decree.decree6a {background: url(../images/decree6a.png) 163px 299px  no-repeat;background-size: 61px;}

.dukanfi #handlecolor.handle14b {background: url(../images/Andora2.png) 177px 342px no-repeat;}
.dukanfi #handlecolor.handle14a {background: url(../images/Andora.png) 177px 342px no-repeat;}
.dukanfi #handlecolor.handle13f {background: url(../images/Barcelona2.png) 178px 339px no-repeat;}
.dukanfi #handlecolor.handle13a {background: url(../images/Barcelona.png) 178px 339px no-repeat;}
.dukanfi #handlecolor.handle13d {background: url(../images/Barcelona3.png) 178px 339px no-repeat;}
.dukanfi #handlecolor.handle13handle17 {background: url(../images/Barcelona4.png) 178px 339px no-repeat;}
.dukanfi #handlecolor.handle3a {background: url(../images/bolonia.png) 177px 342px no-repeat;}
.dukanfi #handlecolor.handle1d {background: url(../images/malaga2.png) 177px 342px no-repeat;}
.dukanfi #handlecolor.handle1f {background: url(../images/malaga3.png) 177px 342px no-repeat;}
.dukanfi #handlecolor.handle5a {background: url(../images/granada.png) 176px 339px no-repeat;}
.dukanfi #handlecolor.handle5handle5f {background: url(../images/granada4.png) 176px 339px no-repeat;}
.dukanfi #handlecolor.handle5b {background: url(../images/granada2.png) 176px 339px no-repeat;}
.dukanfi #handlecolor.handle5d {background: url(../images/granada3.png) 176px 339px no-repeat;}

.dukanfi #handlecolor.handle15b {background: url(../images/handle15.png) 200px 342px no-repeat;background-size: 65px;}
.dukanfi #handlecolor.handle16a {background: url(../images/handle16.png) 200px 342px no-repeat;background-size: 65px;}
.dukanfi #handlecolor.handle17a {background: url(../images/handle17.png) 200px 342px no-repeat;background-size: 65px;}


.dukanfi #handlecolor2.handle14b {background: url(../images/Andora2.png) 157px 342px no-repeat;}
.dukanfi #handlecolor2.handle14a {background: url(../images/Andora.png) 157px 342px no-repeat;}
.dukanfi #handlecolor2.handle13f {background: url(../images/Barcelona2.png) 158px 339px no-repeat;}
.dukanfi #handlecolor2.handle13a {background: url(../images/Barcelona.png) 158px 339px no-repeat;}
.dukanfi #handlecolor2.handle13d {background: url(../images/Barcelona3.png) 158px 339px no-repeat;}
.dukanfi #handlecolor2.handle13handle17 {background: url(../images/Barcelona4.png) 158px 339px no-repeat;}
.dukanfi #handlecolor2.handle3a {background: url(../images/bolonia.png) 157px 342px no-repeat;}
.dukanfi #handlecolor2.handle1d {background: url(../images/malaga2.png) 157px 342px no-repeat;}
.dukanfi #handlecolor2.handle1f {background: url(../images/malaga3.png) 157px 342px no-repeat;}
.dukanfi #handlecolor2.handle5a {background: url(../images/granada.png) 156px 339px no-repeat;}
.dukanfi #handlecolor2.handle5handle5f {background: url(../images/granada4.png) 156px 339px no-repeat;}
.dukanfi #handlecolor2.handle5b {background: url(../images/granada2.png) 156px 339px no-repeat;}
.dukanfi #handlecolor2.handle5d {background: url(../images/granada3.png) 156px 339px no-repeat;}
.dukanfi #handlecolor2.handle15b {background: url(../images/handle15.png) 157px 342px no-repeat;background-size: 65px;}
.dukanfi #handlecolor2.handle16a {background: url(../images/handle16.png) 156px 342px no-repeat;background-size: 65px;}
.dukanfi #handlecolor2.handle17a {background: url(../images/handle17.png) 156px 342px no-repeat;background-size: 65px;}



.dukanfi #bigdoor #gridfront.grid5 > div {height: 88%;top:20%;}

.dukanfi #ContentPlaceHolder1_divGlasses_2.glassdoorsplace,
.dukanfi #ContentPlaceHolder1_divGlasses.glassdoorsplace,
.dukanfi #ContentPlaceHolder1_divGrids4_2.glassdoorsplace {right: 165px;}

.dukanfi #bigdoor #gridfront.grid8a {background: url(../images/grid2white.png) 50px 0 repeat-y;height: 647px;top: 36px;}
.dukanfi #gridfront.grid8a > div:after, .dukanfi #gridfront.grid8a > div:before {right: 140px;}
.dukanfi #gridfront.grid8a > div:before {right: 120px;}

.dukanfi.hazaza #bigdoor #gridfront.grid8a {background: url(../images/grid2white.png) 65px 0 repeat-y;}
.dukanfi.hazaza #gridfront.grid8a > div:after, .dukanfi.hazaza #gridfront.grid8a > div:before {right: 124px;}
.dukanfi.hazaza #gridfront.grid8a > div:before {right: 100px;}

.dukanfi #bigdoor #gridfront.grid37 {height: 647px;top: 36px;}
.dukanfi #gridfront.grid37 > div {background: url(../images/grid4nikel.png) 50px 0 repeat-y;height: 647px;top: 36px;}
.dukanfi #gridfront.grid37 > div:after, .dukanfi #gridfront.grid37 > div:before {right: 140px;}
.dukanfi #gridfront.grid37 > div:before {right: 120px;}

.dukanfi.hazaza #bigdoor #gridfront.grid37 {right: 30px;    height: 647px;top: 36px;}
.dukanfi.hazaza #bigdoor #gridfront_2.grid37grid37 {left: 65px;height: 647px;top: 36px;}


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

.dukanfi #bigdoor #gridfront.grid37a {height: 647px;top: 36px;}
.dukanfi #gridfront.grid37a > div {background: url(../images/grid4nikel.png) 150px 0 repeat-y;}
.dukanfi #gridfront.grid37a > div:after, .dukanfi #gridfront.grid37a > div:before {right: 20px;}
.dukanfi #gridfront.grid37a > div:before {right: 40px;}

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

.dukanfi #bigdoor #gridfront.grid13a > div, .dukanfi #bigdoor #gridfront.grid13b > div, 
.dukanfi #bigdoor #gridfront.grid13 > div, .dukanfi #bigdoor #gridfront.grid13c > div,
.dukanfi #bigdoor #gridfront.grid11 > div, .dukanfi #bigdoor #gridfront.grid12 > div,
.dukanfi #bigdoor #gridfront.grid18 > div, .dukanfi #bigdoor #gridfront.grid15 > div {width: 193px;height: 570px;top: 33px;} 

.dukanfi #bigdoor #gridfront.grid15 {right: 48px;zoom: .9;}

.dukanfi #bigdoor #gridfront.grid26 {right: 48px;zoom: .9;    top: 80px;}
.dukanfi #bigdoor #gridfront.grid26 > div {top: 35px;width: 168px;height: 564px;zoom: normal;background-size: cover;}
.dukanfi #bigdoor #gridfront.grid26:after {zoom:normal;background: url(../images/grid26shadow_1.png) center center no-repeat;}

.dukanfi #bigdoor #gridfront.grid16 {right: 48px;zoom: .9;    top: 80px;}
.dukanfi #bigdoor #gridfront.grid16 > div {top: 35px;width: 173px;height: 564px;zoom: normal; -webkit-mask-image: url(../images/grid16_1.png);mask-image: url(../images/grid16_1.png);background-size: cover;}
.dukanfi #bigdoor #gridfront.grid16:after {zoom:normal;background: url(../images/grid26shadow_1.png) center center no-repeat;}

.dukanfi #bigdoor #gridfront.grid16a {right: 48px;zoom: .9;    top: 80px;}
.dukanfi #bigdoor #gridfront.grid16a > div {top: 35px;width: 173px;height: 564px;zoom: normal; -webkit-mask-image: url(../images/grid16a_1.png);mask-image: url(../images/grid16a_1.png);background-size: cover;}
.dukanfi #bigdoor #gridfront.grid16a:after {zoom:normal;background: url(../images/grid26shadow_1.png) center center no-repeat;}

.dukanfi #bigdoor #gridfront.grid16b {right: 48px;zoom: .9;    top: 80px;}
.dukanfi #bigdoor #gridfront.grid16b > div {top: 35px;width: 173px;height: 564px;zoom: normal; -webkit-mask-image: url(../images/grid16b_1.png);mask-image: url(../images/grid16b_1.png);background-size: cover;}
.dukanfi #bigdoor #gridfront.grid16b:after {zoom:normal;background: url(../images/grid26bshadow_1.png) center center no-repeat;}

.dukanfi #bigdoor #gridfront.grid14 {right: 30px;}
.dukanfi #bigdoor #gridfront.grid14 > div {width: 189px;height: 570px;top: 32px;}

.dukanfi #bigdoor #gridfront.grid38a {background: url(../images/grid38agrid38a.png) center center repeat-y;}
.dukanfi #bigdoor #gridfront.grid38a div {display:none}

.dukanfi.hazaza #bigdoor #gridfront.grid38a {    width: 200px;}

/*-Left side-*/
.dukanfi #bigdoor #gridfront_2 {height: 635px;width: 155px;top: 42px;left: auto;left: 40px;height: 647px;top: 36px;}

.hazaza #bigdoor #gridfront_2 {height: 635px;width: 197px;top: 42px;left: auto;left: 34px;}

.dukanfi #bigdoor #gridfront_2 > div {position: absolute;height: 100%;top: 0;width: 100%;}

.dukanfi #gridfront_2.grid8agrid8a > div {background: url(../images/grid2white.png) 85px 0 repeat-y;}
.dukanfi #gridfront_2.grid8agrid8a > div:after, .dukanfi #gridfront_2.grid8agrid8a > div:before {position: absolute;width: 3px;height: 100%;content: "";display: block;background: url(../images/grid2white.png) center 0 repeat-y;right: 20px;}
.dukanfi #gridfront_2.grid8agrid8a > div:before {right: 43px;}

.dukanfi.hazaza #bigdoor #gridfront_2.grid8agrid8a {height: 647px;top: 36px;}
.dukanfi.hazaza #gridfront_2.grid8agrid8a > div {background: url(../images/grid2white.png) 100px 0 repeat-y;}
.dukanfi.hazaza #gridfront_2.grid8agrid8a > div:after, .dukanfi.hazaza #gridfront_2.grid8agrid8a > div:before {position: absolute;width: 3px;height: 100%;content: "";display: block;background: url(../images/grid2white.png) center 0 repeat-y;right: 45px;}
.dukanfi.hazaza #gridfront_2.grid8agrid8a > div:before {right: 70px;}


.dukanfi #bigdoor #gridfront_2.grid38agrid38a  {background: url(../images/grid38agrid38a.png) center center repeat-y;}

.dukanfi #bigdoor #gridfront_2.grid5grid5 > div {height: 88%;top:20%;}

.dukanfi #gridfront_2.grid5grid5 > div {height: 80%;top:20%}
.dukanfi #gridfront_2.grid5grid5 > div div:after, .dukanfi #gridfront_2.grid5grid5 > div div:before {position: absolute;width: 100%;height: 25%;left:0;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
.dukanfi #gridfront_2.grid5grid5 > div div:before {background: url(../images/grid1nikel.png) center bottom repeat-x;}
.dukanfi #gridfront_2.grid5grid5 > div div {height:50%;    background: none;}
 				   		   
.dukanfi #gridfront_2.grid5grid5 > div.buttoncolor2 div:after, .dukanfi #gridfront_2.grid5grid5 > div.buttoncolor2 div:before {background: url(../images/grid1nikelbuttoncolor2.png) center 0 repeat-x;}
.dukanfi #gridfront_2.grid5grid5 > div.buttoncolor2 div:before {background: url(../images/grid1nikelbuttoncolor2.png) center bottom repeat-x;}
.dukanfi #gridfront_2.grid5grid5 > div.buttoncolor3 div:after, .dukanfi #gridfront_2.grid5grid5 > div.buttoncolor3 div:before {background: url(../images/grid1nikelbuttoncolor3.png) center 0 repeat-x;opacity:.5}
.dukanfi #gridfront_2.grid5grid5 > div.buttoncolor3 div:before {background: url(../images/grid1nikelbuttoncolor3.png) center bottom repeat-x;}

.dukanfi #gridfront_2.grid37grid37 > div {display: flex;align-items: center;background: url(../images/grid4nikel.png) 80px bottom repeat-y;width: 100%;height: 665px;top: 28px;left: 0;}
.dukanfi #gridfront_2.grid37grid37 > div:after, .dukanfi #gridfront_2.grid37grid37 > div:before {position: absolute;width: 4px;height: 100%;content: "";display: block;background: url(../images/grid4nikel.png) center 0 repeat-y;left: 100px;}
.dukanfi #gridfront_2.grid37grid37 > div:before {background: url(../images/grid4nikel.png) center bottom repeat-y;left: 120px;}
.dukanfi #gridfront_2.grid37grid37 > div.buttoncolor2 {background: url(../images/grid4nikelbuttoncolor2.png) 80px bottom repeat-y;}
.dukanfi #gridfront_2.grid37grid37 > div.buttoncolor2:after, .dukanfi #gridfront_2.grid37grid37 > div.buttoncolor2 > div:before {background: url(../images/grid4nikelbuttoncolor2.png) center 0 repeat-y;}
.dukanfi #gridfront_2.grid37grid37 > div.buttoncolor2:before {background: url(../images/grid4nikelbuttoncolor2.png) center bottom repeat-y;}
.dukanfi #gridfront_2.grid37grid37 > div.buttoncolor3 {background: url(../images/grid4nikelbuttoncolor3.png) 80px bottom repeat-y;opacity:.5}
.dukanfi #gridfront_2.grid37grid37 > div.buttoncolor3:after, .dukanfi #gridfront_2.grid37grid37 > div.buttoncolor3 > div:before {background: url(../images/grid4nikelbuttoncolor3.png) center 0 repeat-y;}
.dukanfi #gridfront_2.grid37grid37 > div.buttoncolor3:before {background: url(../images/grid4nikelbuttoncolor3.png) center bottom repeat-y;}

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

.dukanfi.hazaza #gridfront_2.grid37agrid37a > div {display: flex;align-items: center;background: url(../images/grid4nikel.png) 30px bottom repeat-y;width: 100%;height: 665px;top: 28px;right: 0;}
.dukanfi.hazaza #gridfront_2.grid37agrid37a > div:after, .dukanfi.hazaza #gridfront_2.grid37agrid37a > div:before {position: absolute;width: 4px;height: 100%;content: "";display: block;background: url(../images/grid4nikel.png) center 0 repeat-y;right: 125px;}
.dukanfi.hazaza #gridfront_2.grid37agrid37a > div:before {background: url(../images/grid4nikel.png) center bottom repeat-y;right: 145px;}


.dukanfi #gridfront_2.grid37agrid37a > div.buttoncolor2 {background: url(../images/grid4nikelbuttoncolor2.png) 82px bottom repeat-y;}
.dukanfi #gridfront_2.grid37agrid37a > div.buttoncolor2:after, .dukanfi #gridfront_2.grid37agrid37a > div.buttoncolor2:before {background: url(../images/grid4nikelbuttoncolor2.png) center 0 repeat-y;}
.dukanfi #gridfront_2.grid37agrid37a > div.buttoncolor2:before {background: url(../images/grid4nikelbuttoncolor2.png) center bottom repeat-y;}
.dukanfi #gridfront_2.grid37agrid37a > div.buttoncolor3 {background: url(../images/grid4nikelbuttoncolor3.png) 82px bottom repeat-y;opacity:.5}
.dukanfi #gridfront_2.grid37agrid37a > div.buttoncolor3:after, .dukanfi #gridfront_2.grid37agrid37a > div.buttoncolor3:before {background: url(../images/grid4nikelbuttoncolor3.png) center 0 repeat-y;}
.dukanfi #gridfront_2.grid37agrid37a > div.buttoncolor3:before {background: url(../images/grid4nikelbuttoncolor3.png) center bottom repeat-y;}





.dukanfi #gridfront_2.grid7grid7 > div {display: flex;align-items: center;width: 100%;height: 650px;top: 28px;left: 0;}
.dukanfi #gridfront_2.grid7grid7 .moregrid {display: flex;align-items: center;background: url(../images/grid1nikel.png) center center repeat-x;height: 75px;width: 100%;position: absolute;left: 0px;top: 318px;}
.dukanfi #gridfront_2.grid7grid7 .moregrid:after, .dukanfi #gridfront_2.grid7grid7 .moregrid:before {position: absolute;width: 100%;height: 75px;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
.dukanfi #gridfront_2.grid7grid7 .moregrid:before {background: url(../images/grid1nikel.png) center bottom repeat-x;}
 				   		   
.dukanfi #gridfront_2.grid7grid7 .buttoncolor2 .moregrid {background: url(../images/grid1nikelbuttoncolor2.png) center center repeat-x;}
.dukanfi #gridfront_2.grid7grid7 .buttoncolor2 .moregrid:after, .dukanfi #gridfront_2.grid7grid7 .buttoncolor2 .moregrid:before {background: url(../images/grid1nikelbuttoncolor2.png) center 0 repeat-x;}
.dukanfi #gridfront_2.grid7grid7 .buttoncolor2 .moregrid:before {background: url(../images/grid1nikelbuttoncolor2.png) center bottom repeat-x;}
.dukanfi #gridfront_2.grid7grid7 .buttoncolor3 .moregrid {background: url(../images/grid1nikelbuttoncolor3.png) center center repeat-x;opacity:.5}
.dukanfi #gridfront_2.grid7grid7 .buttoncolor3 .moregrid:after, .dukanfi #gridfront_2.grid7grid7 .buttoncolor3 .moregrid:before {background: url(../images/grid1nikelbuttoncolor3.png) center 0 repeat-x;}
.dukanfi #gridfront_2.grid7grid7 .buttoncolor3 .moregrid:before {background: url(../images/grid1nikelbuttoncolor3.png) center bottom repeat-x;}
 				   
.dukanfi #gridfront_2.grid7agrid7a > div {display: flex;align-items: center;width: 100%;height: 650px;top: 28px;left: 0;}
.dukanfi #gridfront_2.grid7agrid7a .moregrid {display: flex;align-items: center;background: url(../images/grid1nikel.png) center center repeat-x;height: 10%;width: 100%;position: absolute;left: 0px;top: 75%;}
.dukanfi #gridfront_2.grid7agrid7a .moregrid:after, .dukanfi #gridfront_2.grid7agrid7a .moregrid:before {position: absolute;width: 100%;height: 60px;content:"";display:block;background: url(../images/grid1nikel.png) center 0 repeat-x;}
.dukanfi #gridfront_2.grid7agrid7a .moregrid:before {background: url(../images/grid1nikel.png) center bottom repeat-x;}
 				   			
.dukanfi #gridfront_2.grid7agrid7a .buttoncolor2 .moregrid {background: url(../images/grid1nikelbuttoncolor2.png) center center repeat-x;}
.dukanfi #gridfront_2.grid7agrid7a .buttoncolor2 .moregrid:after, .dukanfi #gridfront_2.grid7agrid7a .buttoncolor2 .moregrid:before {background: url(../images/grid1nikelbuttoncolor2.png) center 0 repeat-x;}
.dukanfi #gridfront_2.grid7agrid7a .buttoncolor2 .moregrid:before {background: url(../images/grid1nikelbuttoncolor2.png) center bottom repeat-x;}
.dukanfi #gridfront_2.grid7agrid7a .buttoncolor3 .moregrid {background: url(../images/grid1nikelbuttoncolor3.png) center center repeat-x;opacity:.5}
.dukanfi #gridfront_2.grid7agrid7a .buttoncolor3 .moregrid:after, .dukanfi #gridfront_2.grid7agrid7a .buttoncolor3 .moregrid:before {background: url(../images/grid1nikelbuttoncolor3.png) center 0 repeat-x;}
.dukanfi #gridfront_2.grid7agrid7a .buttoncolor3 .moregrid:before {background: url(../images/grid1nikelbuttoncolor3.png) center bottom repeat-x;}




.grid20grid20 #glass_2, .grid21grid21 #glass_2, .grid22grid22 #glass_2, .grid23grid23 #glass_2, .grid24grid24 #glass_2,
.grid25grid25 #glass_2, .grid26grid26 #glass_2, .grid11grid11 #glass_2, .grid12grid12 #glass_2, .grid13grid13 #glass_2, 
.grid13agrid13a #glass_2, .grid14grid14 #glass_2, .grid10grid10 #glass_2, .grid9grid9 #glass_2, .grid15grid15 #glass_2, 
.grid16grid16 #glass_2, .grid17grid17 #glass_2, .grid18grid18 #glass_2, .grid34grid34 #glass_2, .grid35grid35 #glass_2,
.grid13bgrid13b #glass_2, .grid13cgrid13c #glass_2, .grid13dgrid13d #glass_2, .grid13egrid13e #glass_2, .grid13fgrid13f #glass_2,
.grid13ggrid13g #glass_2, .grid13hgrid13h #glass_2, .grid16agrid16a #glass_2, .grid16bgrid16b #glass_2, .grid16cgrid16c #glass_2,
.grid13igrid13i #glass_2, .grid13jgrid13j #glass_2, .grid13kgrid13k #glass_2, .grid13lgrid13l #glass_2, .grid13mgrid13m #glass_2, .grid13ngrid13n #glass_2, .grid13ogrid13o #glass_2 {z-index:5;width:100%;height:100%;position:relative}

.grid9grid9 #glass_2, .grid10grid10 #glass_2, .grid11grid11 #glass_2, .grid12grid12 #glass_2, .grid13grid13 #glass_2,
.grid13agrid13a #glass_2, .grid14grid14 #glass_2, .grid15grid15 #glass_2, .grid16grid16 #glass_2, .grid17grid17 #glass_2, 
.grid18grid18 #glass_2, .grid35grid35 #glass_2, .grid13bgrid13b #glass_2, .grid13cgrid13c #glass_2, .grid13dgrid13d #glass_2,
.grid13egrid13e #glass_2, .grid13fgrid13f #glass_2, .grid13ggrid13g #glass_2, .grid13hgrid13h #glass_2, .grid16agrid16a #glass_2, 
.grid16bgrid16b #glass_2, .grid16cgrid16c #glass_2, .grid13igrid13i #glass_2, .grid13jgrid13j #glass_2, .grid13kgrid13k #glass_2, .grid13lgrid13l #glass_2, .grid13mgrid13m #glass_2, .grid13ngrid13n #glass_2, .grid13ogrid13o #glass_2 {background: url(../images/glass1.jpg) center center no-repeat;background-size: cover;}


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

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

.dukanfi #bigdoor #gridfront_2.grid11grid11 > div {    top: 38px;width: 100%;height: 570px;-webkit-mask-image: url(../images/grid11.png);mask-image: url(../images/grid11.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 0px;mask-position: center 30px;}
.dukanfi #bigdoor #gridfront_2.grid11grid11:after {content: "";display: block;width: 100%;height: 590px;background: url(../images/grid11shadow.png) center 58px  no-repeat;}
		
.dukanfi #bigdoor #gridfront_2.grid12grid12 {zoom:.8;top: 85px;left: 70px;}

.dukanfi #bigdoor #gridfront_2.grid12grid12 > div {    top: 38px;width: 100%;height: 570px;-webkit-mask-image: url(../images/grid12.png);mask-image: url(../images/grid12.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center 0;mask-position: center 30px;}
.dukanfi #bigdoor #gridfront_2.grid12grid12:after {content: "";display: block;width: 100%;height: 590px;background: url(../images/grid12shadow.png) center 53px  no-repeat;}
		
.dukanfi #bigdoor #gridfront_2.grid13grid13 > div {    top: 38px;width: 100%;height: 570px;-webkit-mask-image: url(../images/grid13_short.png);mask-image: url(../images/grid13_short.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: 100px  0;mask-position: 100px  0;}
.dukanfi #bigdoor #gridfront_2.grid13grid13:after {content: "";display: block;width: 100%;height: 100%;background: url(../images/grid13shadow_short.png) 84px 33px no-repeat;}
	
.dukanfi #bigdoor #gridfront_2.grid13agrid13a > div {    top: 38px;width: 100%;height: 570px;-webkit-mask-image: url(../images/grid13a.jpg);mask-image: url(../images/grid13a.jpg);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: 85px  0;mask-position: 85px  0;}
.dukanfi #bigdoor #gridfront_2.grid13agrid13a:after {content: "";display: block;width: 100%;height: 100%;background: url(../images/grid13ashadow.png) 80px 33px no-repeat;}
	
.dukanfi #bigdoor #gridfront_2.grid13bgrid13b > div {    top: 38px;width: 100%;height: 570px;-webkit-mask-image: url(../images/grid13b.png);mask-image: url(../images/grid13b.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: 85px 0;mask-position: 85px 0;}
.dukanfi #bigdoor #gridfront_2.grid13bgrid13b:after {content: "";display: block;width: 100%;height: 590px;background: url(../images/grid13bshadow.png) 80px 33px no-repeat;}
		
.dukanfi #bigdoor #gridfront_2.grid13cgrid13c > div {    top: 38px;width: 100%;height: 570px;-webkit-mask-image: url(../images/grid13c_short.png);mask-image: url(../images/grid13c_short.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: 100px 0;mask-position: 100px 0;}
.dukanfi #bigdoor #gridfront_2.grid13cgrid13c:after {content: "";display: block;width: 100%;height: 100%;background: url(../images/grid13cshadow_short.png) 84px 33px no-repeat;}
		
.dukanfi #bigdoor #gridfront_2.grid14grid14 > div {    top: 38px;width: 100%;height: 570px;-webkit-mask-image: url(../images/grid14_short.png);mask-image: url(../images/grid14_short.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: 100px center;mask-position: 100px center;}
.dukanfi #bigdoor #gridfront_2.grid14grid14:after {content:"";display:block;width: 100%;height: 100%;background: url(../images/grid14shadow_short.png) 82px  center no-repeat;}

.dukanfi #bigdoor #gridfront_2.grid15grid15 { zoom: .9;   left: 47px;top: 77px;transform: scaleX(.8);transform-origin: center;}
.dukanfi #bigdoor #gridfront_2.grid15grid15 > div { width: 142px;height: 291px;-webkit-mask-image: url(../images/grid15_2.png);mask-image: url(../images/grid15_2.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat; -webkit-mask-position: center center;mask-position: center center;}
.dukanfi #bigdoor #gridfront_2.grid15grid15:after {content:"";display:block;width: 142px;height: 291px;background: url(../images/grid15shadow_2_2.png) center center no-repeat;}
	 		   
.dukanfi #bigdoor #gridfront_2.grid26grid26 { zoom: .9;   left: 47px;top: 107px;transform: scaleX(.8);transform-origin: center;}
.dukanfi #bigdoor #gridfront_2.grid26grid26 > div {top: 10px; width: 142px;height: 570px;-webkit-mask-image: url(../images/grid26_2.png);mask-image: url(../images/grid26_2.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center}
.dukanfi #bigdoor #gridfront_2.grid26grid26:after {content: "";display: block;width: 142px;height: 590px;background: url(../images/grid26shadow_2.png) center center no-repeat;}
 		 		   
.dukanfi #bigdoor #gridfront_2.grid18grid18 > div { top: 33px;width: 100%;height: 570px;-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: 35px 10px;mask-position: 35px 10px;}
.dukanfi #bigdoor #gridfront_2.grid18grid18:after {content:"";display:block;width: 100%;height: 100%;background: url(../images/grid18shadow.png) 30px 33px no-repeat;}

.dukanfi #bigdoor #gridfront_2.grid16grid16 { zoom: .9;   left: 47px;top: 107px;transform: scaleX(.8);transform-origin: center;}
.dukanfi #bigdoor #gridfront_2.grid16grid16 > div {top: 10px;     width: 128px;left: 19px;height: 570px;-webkit-mask-image: url(../images/grid16_1.png);mask-image: url(../images/grid16_1.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center}
.dukanfi #bigdoor #gridfront_2.grid16grid16:after {content: "";display: block;width: 142px;height: 590px;background: url(../images/grid26shadow_2.png) center center no-repeat;}
 		
.dukanfi #bigdoor #gridfront_2.grid16agrid16a { zoom: .9;   left: 47px;top: 107px;transform: scaleX(.8);transform-origin: center;}
.dukanfi #bigdoor #gridfront_2.grid16agrid16a > div {top: 10px; width: 128px;left: 19px;height: 570px;-webkit-mask-image: url(../images/grid16a_1.png);mask-image: url(../images/grid16a_1.png);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center}
.dukanfi #bigdoor #gridfront_2.grid16agrid16a:after {content: "";display: block;width: 142px;height: 590px;background: url(../images/grid26shadow_2.png) center center no-repeat;}
 		
.dukanfi.hazaza .handlecolordoors.btnchoose.showbtnchoose {opacity:0}
.dukanfi.hazaza #ContentPlaceHolder1_divdecree, .dukanfi.hazaza #ContentPlaceHolder1_divJamb {display:none}




.information {display:none}

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

.tmpgallery .dnone {display:none}

div .slick-dots {text-align:center;bottom:25px;    display: flex;justify-content: center;z-index:99}
div .slick-dots li button, div .slick-dots li {padding:0;width: 15px;height: 15px;}
div .slick-dots li button:before {opacity:1;width: 15px;height: 15px;line-height: 100%;content:"";background: var(--whiteopacity);border-radius:100%}
div .slick-dots li.slick-active button:before {opacity:1;background: var(--maincolor)}

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

.searchresultsplace {margin:30px auto}
 
.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;}

.doordesigns .showres {display:none}

.tmpcontact #IDcontactfooter, .tmpthank #IDcontactfooter {display:none}

.es-widget-header {display:none !important}
.embedsocial-hashtag {margin:-40px 0 30px 0;}

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) .eventsslider div {direction:rtl}
html:lang(he) .accountplace .openaccount, html:lang(he) .productflex,
html:lang(he) button.addtocart, html:lang(he) .movebtns {flex-direction: row-reverse;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-prev {left:auto;right:20px;}
html:lang(he) .sl-wrapper .sl-navigation button.sl-next {right:auto;left:20px;}
html:lang(he) .togglecart, html:lang(he) .toggleaccount {left:0px;right:auto;margin:0;}
html:lang(he) .productslistselects .page > div .title:after {right: auto;left: 15px;}
html:lang(he) .productslistselects .page > div .title:before {right: auto;left: 21px;}
html:lang(he) .toogleselect, html:lang(he) .contactform .s_top, html:lang(he) .contactform .errorplace,
html:lang(he) .search_results, html:lang(he) .dropmenuplace {left:auto;right:0px;}
html:lang(he) .stepbefore a, html:lang(he) .stepcurrent a, html:lang(he) .stepafter a {right:auto;left:0;}
html:lang(he) .toogleselect button, html:lang(he) .welcomeplace input[type="submit"] {float:left}
html:lang(he) .welcomeplace div, html:lang(he) button.addtocart {float:right}
html:lang(he) .bodyflex > div {padding:0 0 0 2%}
html:lang(he) .bodyflex > div:nth-of-type(2n) {padding:0 2% 0 0;}
html:lang(he) .confirmplace > div:nth-of-type(2n) {margin: 0 2% 0 0;}
html:lang(he) .bodytext li {background: url(../images/dot.png) right 8px no-repeat;list-style-type: none;padding: 0 20px 0 0px;text-align: justify;}

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


@media screen and (min-width: 100px) and (max-width: 1850px) 
{
	.page {padding:0 4%}
	.specialjamb .floorplace:after, .specialjamb .floorplace:before {width:26.5%}

	.parentgrid1_1 .floorplace:after, .parentgrid1_1 .floorplace:before {width: 50%;}
/*.parentgrid1_1 .door-color-panel {margin: 68px 0 0 0;}*/
}

@media screen and (min-width: 1000px) and (max-width: 1350px) 
{
	.floorplace:after, .floorplace:before {width:20%;}
	.specialjamb .floorplace:after, .specialjamb .floorplace:before {width:23%}

	.parentgrid1_1 .floorplace:after, .parentgrid1_1 .floorplace:before {width: 50%;}
/*.parentgrid1_1 .door-color-panel {margin: 68px 0 0 0;}*/

.tmpdesigndoor .floorplace:after, .tmpdesigndoor .floorplace:before {width:23%}
.heightdoor .floorplace:after, .heightdoor .floorplace:before {    width: 23%;}
}
@media screen and (min-width: 1000px) and (max-width: 1275px) 
{
	.door-color-panel {    height: 80px;margin: 15px 0 0 0;}

	.parentgrid1_1 .floorplace:after, .parentgrid1_1 .floorplace:before {width: 50%;}
/*.parentgrid1_1 .door-color-panel {margin: 23px 0 0 0;}*/


.slidingdoor .floorplace:after, .slidingdoor .floorplace:before {    width: 50%;}
/*.slidingdoor .door-color-panel {margin: 23px 0 0 0;}*/
}

@media screen and (min-width: 1290px) and (max-width: 1410px) 
{

.dukanfi .floorplace:after, .dukanfi .floorplace:before {width: 12%;}
}


@media screen and (min-width: 1000px) and (max-width: 1289px) 
{
	.dukanfi .door-color-panel {margin: 8px 0 0 0;}
.dukanfi .floorplace:after, .dukanfi .floorplace:before {width: 7%;}
}











@media screen and (min-width: 320px) and (max-width: 1020px) 
{
	@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
	input, select, textarea {border-radius: 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_2, .appenddata {display:none}

	.frontdoorsplace .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: 16px;}
	h1, .indextext h2, .indexcontent h1, .indexcontent h2, .doorsliderplace h2, .greyplace .scrollflow h2, .featurescollection h2, .eventsplace h2,
	.featurescollection .title,  .contactfooter div.title, #contactfooter2 div.title, .tmpdoor h1 span:first-of-type, .tmpdoor h1 span,
	.maintitle, .archprojects h2, .bodyflex h1, .sliderhome h1, .sliderhome h2 {font-size:35px;text-align:initial;letter-spacing: 0;}
	h2, .docsplace .title, .linksplace .title, .mailinglist .title, h3, .featuresswich .btn, .contactfooter h2.title,
	.features .title {font-size:25px;}
	.bodytext h2, .sliderhome h3 {font-size:30px;font-weight: 300;}
	.tmpcontractor .bodytext h2, .projectsplace h2, .tmpcontractor .darkgreyplace h2, .greyplace2 h2, .darkgreyplace2 h2,
	.eventsplace h2, .indexarch h2, .titleplace h1, .maintitle {font-size:35px;}
	.mainabstract p,  .tmpcontact .smalltitle, .contactbody p, .tooglebtn,
	.tmpcontact .smalltitle, .tmpcontact .bodytext h2, .contactbody div, .contactfooter div.title {font-size:20px;}
	h4 {font-size:18px;}
	
	.tmpindex header {background: var(--black);}

	.credits p, .credits a {text-align:center;}
	.page, .tmpdoor .columns.page, .shortpage {width:100%;max-width:100%;padding:0 4%;}
	/*.bodytext p, .bodytext h2, .bodytext h3 .mainabstract p,.indexcontent h1, .indexcontent p, .indexcontent li, .indexcontent h2 {text-align: justify !important;text-align:right !important}*/
	.bodytext h2 {margin:0 0 20px 0;}

	header {padding:0;background:var(--black)}
	header .wrap {flex-direction: row-reverse;}

	.favorite2 {margin:10px 0 0 0}

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

	.opensearch {margin: 0 10px;}

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

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

	.mainmenu li li a, .mainmenu li:hover li a, .mainmenu li.this li a {padding-right:30px;color:var(--greydark);font-weight:500}
	.mainmenu li.this li.this a {color:var(--white);}
	.mainmenu ul {width:100%;margin:0;}
	.menuopen, body:lang(he) .menuopen {transform: translateX(-4%);}
	.mdisable, .mdisable #main {overflow: hidden;}
	.mdisable #main {-webkit-animation:none;animation:none;}
	.dropmenuplace, .mainmenu li:hover > .dropmenuplace {display:none}
	.dropmenuplace {display:none;opacity:1;border-radius: 0px;left:0;margin:0;position:static;width:100%;padding:0;height:auto;box-shadow:none;border:none;background:none }
	.mainmenu li .dropmenuplace.opened, .mainmenu ul ul.opened {display:block;opacity:1;position:static}

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

	.mdisable .searchplace {overflow: hidden;}

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

	.searchplace {width: 100%;position:absolute;left:0;top:100%;background:var(--white)}
	.search {width:98%;margin:1%}
	.search input {background:none;font-size: 14px;}
	.search .submitsearch {border-radius:0;height:auto}

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

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

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

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

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

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

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

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

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

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

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

	

	img-comparison-slider {height: auto }

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

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

	.contactfooter, .contactplace {width:100%}

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

	.credits {padding:5px;}

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

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

	.featurescategory .feature .imgplace, .imgslider3 a, .projectsplace .slide .imgplace {height:300px;}
	.features .feature {margin:10px 0 0 0;}
	/*.features img{max-height:450px;}*/
	.features .feature {height:400px}


	.features .btn2 {padding: 5px 10px;font-size: 14px;}

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

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

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

	.paginginfoOLD {height:0}

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

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


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

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

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

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

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

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

	.shoppingcart {display:none}

	.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 .btn {background: var(--greydark);color: var(--white);padding: 10px;font-size: 16px;}
	.indexcontent .middleline.bgline {display:none}

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

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

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

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

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

	.accordionplace .feature {flex:initial}

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

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

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

	.flexsmall {max-width:100%}

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

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

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

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

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

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

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

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

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

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

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

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

	.featuresicons > div {width:31%;margin:20px 1% 20px 1%;}
	.featuresicons .imgplace img {height: 50px;}
	.featuresicons .imgplace {height: 50px;margin: 0 0 5px 0;}
	.featuresicons .title {font-size:14px;}

	.contractorfeatures, .featurescategory {margin:10px 0 0 0}
	.contractorfeaturesplace,.featurescategoryplace {margin:40px 0 0 0}
	.featurescategoryplace .feature {margin-bottom:5px;}

	.griddoorsplace .btnchoose {display: flex;padding: 0}
	.globalicons .waze, .globalicons .google {width: 160px;}
	.btnchoose button, .btnchoose a, .griddoorsplace .btnchoose button:nth-of-type(7n), .btnchoose a:nth-of-type(7n),
	.decreedoorsplace .btnchoose button:nth-of-type(7n) {width:18%;margin:1%}
	.btnchoose button .title, .btnchoose a .title {margin: 2px 0;font-size: 12px;text-transform: none;text-align:center}
	.btnchoose button span, .btnchoose a span {height:50px;border:1px solid var(--greygrey)}
	.btnchoose button span, .btnchoose a span {min-height:50px;}
	.btnchoose button span img, .btnchoose a span img {max-height: 100%;}

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

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

	.mobileinterface {display:block;position:absolute;right:10px;top:10px;padding:0;width:auto;}
	.mobileinterface button {padding: 15px 35px 15px 10px;color: var(--white);box-shadow: none;font-size: 15px;}
	.greydoorplace:before {background-size: 200px;}
	button.opengriddoor {background: var(--maincolor) url(../images/m1.png) 90% 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;}

	.doordesigns, .designplace {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;padding: 0 0 10px 0;}
	.optionsdoors .close {width:30px;height:30px;position:absolute;left:10px;top:10px;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:20px 10px 5px 0px ;}
	.optionsdoors .doorsbreadcrumbs > div span:first-of-type {width: 40%;font-size: 17px;}
	.optionsdoors > div {margin:0}
	.griddoorsplace .openclose {width: 30px;height: 30px;margin: -1px -6px 0 10px;display:none}

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

	.greydoorplace {overflow:hidden;background-position: 0 166.5%;}

	.glassdoorsplace, .fakechoose {width:70%}
	/*.glassdoorsplace {right: 85px;top: 15px;}*/
	.glassdoorsplace button, .fakechoose button {width: 30px;}

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

	.optionsdoors .doorsbreadcrumbs {    margin: 4% 0 0px 0;}
	.optionsdoors {margin-bottom:0}

	.sliderhome .slide {height:400px;}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

	div .sliderbtn {bottom:5px;}

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

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

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

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

	.contractorplace {padding:0;height:auto;flex-direction: column-reverse;}
	.contractorplace .contractorstrip {position:static;height:auto;width:auto}
	.contractorplace:after {display:none}
	.contractorplace .bodytext {padding:0 4%}
	.contractorplace h1 {margin:10px 0;text-align:center;}



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

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

	.testsslider p {text-align:right;direction:rtl}

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

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

	.magazinplace iframe {height: 200px;}

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

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

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

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

	#bigdoor {zoom: .8;}
	.door-color-panel {width:100%;font-size: 10px;flex-wrap:nowrap;    gap: 3px;margin: 64px 0 0 0;}
	.floorplace {background-size: 545px;}
	.floor-swatches span {font-size: 10px;}
	.floor-swatches {gap: 3px;}
	.floor-swatch, .door-color-picker {width: 25px;height: 25px;}
	.door-color-reset {padding: 4px 5px;font-size: 10px;}

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

	
	.stripplace, .stripplace .stripimgslide .slick-slide div {height: 200px;        }
	.stripplace {height: auto; min-height: 170px;}

	.tmprmp .flexplace .imgplace {height: 300px;}

	a.downloadabout {text-align:right;background: url(../images/document.png) 98% center no-repeat;}
	a.contactabout {text-align:right;background:url(../images/mail3.png) 98% center no-repeat;}

	.nolevel2 .leftcolumn .leftmenu:first-of-type a {padding: 5px 20px;
    font-size: 14px;}

	.opencontact {zoom: .5;left: 10px;bottom: 150px;}

	div .slick-next, div .slick-prev {zoom: .7;z-index: 99;}
	.slidingdoor .halonalert {width: 180px;
    line-height: 100%;}
	#columns {overflow:hidden}
	.breadcrumbs {position:static;padding:0}
	.breadcrumbs ul {display:block;padding:5px;}
	.breadcrumbs a, .breadcrumbs span, .breadcrumbs li {color:var(--black);font-size: 12px;}

	a.whatsapp {left:5px}
	a.mainphone2 {left:5px;zoom:.8}

.projectsplace h3 {margin: 0 0 50px 0;font-size: 26px;}


.dukanfi .greydoorplace:before {    background: url(../images/plant2.png) -170% 92% no-repeat;background-size: 300px;}
.dukanfi .floorplace:after, .dukanfi .floorplace:before {display:none}

.projectsplace .slide iframe  {height: 310px;}

.grecaptcha-badge {zoom:.5 !important}

.bodytext p, .greylightplace .bodytext p{ text-align: justify !important;
  /*text-align-last: center ; 
  -moz-text-align-last: center;*/ }

.heightdoor .greydoorplace:before {background: url(../images/plant2.png) -120% 92% no-repeat;
    background-size: 290px;}

.doordesigns .showres {/*position:fixed;left:0;bottom:0;*/border-radius:30px;background:var(--maincolor);color:var(--white);padding:10px 20px;display:block;margin:10px 0 0 0;width:100%}

}


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

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

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

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

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

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

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

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

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

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