body {width:100%;height:100%;border:0;margin:0;padding:0;background:#ffffff;overflow-x:hidden;}

pre {display:block;float:left;width:33%;height:100vh;box-sizing:border-box;overflow:auto;z-index:9999999;position:relative;border-right:1px solid black;font-size:10px;margin:0;padding:0;background:#ffffff;} 
pre pre {border:0;width:100%;} 
a img {border:0;}
a, input, textarea, button, select, a img {outline:0;}
a {text-decoration:none;}
div {box-sizing:border-box;}
.fill {clear:both;}
.hide {display:none !important;}
.hide-visible {display:block;width:0;height:0;padding:0;margin:0;border:0;overflow:hidden;float:left;box-sizing:border-box;}

.ofh {overflow:hidden;}     .ofa {overflow:auto;}   .ofs {overflow:scroll;}
.ofxh {overflow-x:hidden;} .ofxa {overflow-x:auto;} .ofxs {overflow-x:scroll;}
.ofyh {overflow-y:hidden;} .ofya {overflow-y:auto;} .ofys {overflow-y:scroll;}
.tdun { text-decoration:underline; }    .tdlt { text-decoration:line-through; }
.ttuc {text-transform:uppercase;}       .ttlc {text-transform:lowercase;} .ttn {text-transform:none;}
.op0 {opacity:0}    .op01 {opacity:0.1} .op02 {opacity:0.2} .op03 {opacity:0.3}
.op04 {opacity:0.4} .op05 {opacity:0.5} .op06 {opacity:0.6} .op07 {opacity:0.7}
.op08 {opacity:0.8} .op09 {opacity:0.9} .op1 {opacity:1}

 iframe {width:100%;min-height:320px;float:left;display:block;border:0;}

.label input[type="checkbox"] + span { text-align: left; color: #3a2d22; display: block; float: left; position: relative; z-index: 101; padding: 3px 0px 0px 21px; cursor: pointer; margin: 1px 0px 5px; font-size: 11.8px; }
.label input[type="checkbox"] + span + div {color: #6a6a6a;text-align:right;float:right;width:50%;}
.label input[type="checkbox"]:checked + span { color: #3a2d22; }
.label input[type="checkbox"]:checked + span + div {color: #1c8ec8;}
.label input[type="checkbox"] + span:before { content: ''; width: 14px; height: 14px; border: 1px solid #3a2d22; border-radius: 18px; display: block; float: left; position: absolute; left: 0px; top: 0px; z-index: 221; }
.label input[type="checkbox"] + span:after { transition: all 200ms linear; content: ''; width: 10px; height: 10px; background: #d0d0d0; border-radius: 24px; position: absolute; left: 3px; top: 3px; z-index: 222; display: block; margin: 0; }
.label input[type="checkbox"]:checked + span:before { border: 1px solid #3a2d22; background: black; }
.label input[type="checkbox"]:checked + span:after { background: #3a2d22; border: 2px solid #ffffff; width: 10px; top: 1px; left: 1px; height: 10px; }
.label input[type="checkbox"] { opacity: 0; width: 100%; height: 100%; min-height: 16px; overflow: hidden; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1001;cursor:pointer; }

.Footer .label input[type="checkbox"] + span:before {border: 1px solid #ffffff;}
.Footer .label input[type="checkbox"]:checked + span:after { background: #54af44;}
.Footer .label input[type="checkbox"]:checked + span:before { border: 1px solid #54af44; background: #54af44; }

.row {position:relative;}


.row-head { background: #f1f1f1; font-size: 12px; font-weight: bold; }
.row-cell {padding:6px 6px 6px 0px;float:left;line-height:12px;display:table-cell;}
.row-cell.small {font-size:10px;}
.row-menu {padding:0px;float:left;display:table-cell;}
.row-menu a {padding:6px;float:left;line-height:12px;display:table-cell;color: #404040;text-decoration:underline;}
.row-menu a.cr {color:red;}
.row-menu a.kam-closer {width:20px;height:24px;padding:0;margin-right:12px;}
.row-menu a.kam-closer > img {width:16px;height:16px;margin:1px 0 0 0;padding:0;}

.richText {width:100%;}
.richText-editor img {max-width:100%;}

.drop-id-item {cursor:pointer;}


.folder-obsah-settings {position:relative;height:80vh;}

.folder-obsah-settings .folder-half {position:relative;width:35%;z-index:4000;overflow-x:hidden;float:left;height:100%;overflow:auto;padding-bottom:300px;}
.folder-obsah-settings .folder-half >  * {max-width:100%;}
.folder-obsah-settings .folder-half > .u_me_galerie { max-width: 100%; max-height: 80vh; overflow: auto; }
.folder-obsah-settings .folder-half.right {position:relative;width:65%;z-index:4000;overflow-x:hidden;float:right;}

.layer-wrap {width:100%;height:100%;position:fixed;z-index:4500;top:0;left:0;transition:all 150ms linear;opacity:1;}
.layer-wrap.closed {opacity:0;}
div.layer-closer {width:100%;height:100%;position:absolute;z-index:4510;top:0;left:0;background:#000000;background:#00000099;}
.layer-html { width: 90%; height: 90%; position: absolute; z-index: 4510; top: 5%; left: 0; right: 0; bottom: 0;overflow: auto; background: #ffffff; padding: 0; margin: 0px 5%; box-shadow: 0px 0px 80px -20px #000000; }
.layer-html.full {width:100%;height:100%;inset: 0 0 0 0;padding:0;margin:0;}
.layer-title {width:100%;font-size:20px;padding:8px;color:#ffffff;line-height:24px;background:#313131;float:left;margin:0px 0px 0px 0px;height:40px;overflow:hidden;z-index: 10020; position: relative;}
.layer-title * {color:#ffffff;}
a.layer-closer {float:right;display:block;width:24px;height:24px;margin-left:12px;background:transparent url('../im/system/ico-close-w.svg') no-repeat center center / 20px; }

.layer-html > * {max-width:100%;}
.layer-html {overflow-x:hidden;}

.layer-wrap .folder-half {position:relative;width:50%;z-index:4000;overflow:hidden;float:left;}
.layer-wrap .folder-half >  * {max-width:100%;}
.layer-wrap .folder-half.right { position: relative; width: 50%; z-index: 4000; overflow-x: hidden; float: right; height: 90vh; overflow: auto; overflow-x: hidden; height: calc(90vh - 41px); }

.folder-sit-1 {padding-left:24px;position:relative;}
.folder-sit-2 {padding-left:48px;position:relative;}


.folder-sit-1:before {content:'';display:block;position:absolute;top:0;left:0px;width:12px;height:12px;border-left:1px dotted #aaa;border-bottom:1px dotted #aaa;}
.folder-sit-1:after {content:'';display:block;position:absolute;top:12px;left:0px;width:12px;bottom:0;border-left:1px dotted #aaa;}

.folder-sit-2:before {content:'';display:block;position:absolute;top:0;left:36px;width:12px;height:12px;border-left:1px dotted #aaa;border-bottom:1px dotted #aaa;}
.folder-sit-2:after {content:'';display:block;position:absolute;top:12px;left:36px;width:12px;bottom:0;border-left:1px dotted #aaa;}

.folder-sit-1:nth-last-child(1):after {border:0;}
.folder-sit-2:nth-last-child(1):after {border:0;}

.row-wrap {box-shadow: inset 0px 2px 15px -9px #000000;}

.drop-id-item {}

.u_me_galerie_thumbs {max-width:100%;}

.drop-here { cursor: pointer; float: left; width: 100%; min-height: 29px; border: 1px dotted #59af30; padding: 2px; background-color: #ffffff; text-align: center; border-radius: 0px; transition: all 150ms linear; max-width: 300px; float: right; }
.drop-here:hover, .drop-here.is-dragover {border:1px dashed #2196f3;} 
.drop-here.is-dragover * {color:#2196f3;}
.drop-here input[type='file'] { visibility: hidden; height: 0; box-sizing: border-box; overflow: hidden; float: left; display: block; }
.selected-files > *  {border-bottom:1px solid #eeeeee;}
.drop-here a, .drop-here form {box-sizing:border-box;}

.drop-here-select {width:100%;float:left;}

.drop-id-here {cursor:pointer;float:left;width:100%;min-height:32px;border:3px dashed #ddd;padding:6px;background-color:#ffffff;text-align:center;border-radius:0px;transition: all 150ms linear;}
.drop-id-here.dropping, .drop-id-here:hover {border:3px dashed #2196f3;}
.drop-id-here.dropping, .drop-id-here.dropping *,
.drop-id-here:hover, .drop-id-here:hover * {color:#2196f3;}

.img-square {position:relative;overflow:hidden;}
.img-square:before {content:'';display:block;float:left;width:100%;padding-top:100%;}
.img-square > img, .img-square > a > img {position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;}

.img-square > a {position:absolute;z-index:11;top:0;bottom:0;left:0;right:0;margin:0;width:100%;height:100%;display:block;float:left;}

.twice-square {position:relative;overflow:hidden;}
.twice-square:before {content:'';display:block;float:left;width:100%;padding-top:50%;}
.twice-square  img {position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;}

.produkt-item .twice-square:before {padding-top:62%;}
.produkt-item .twice-square  img  {margin:0px auto;}

.minimenu-wrap {position:relative;z-index:1999;}
.minimenu-wrap.opened {box-shadow:0px 0px 0px -10px #000000;background-color:#ffffff;z-index:3000;}
.minimenu-wrap, .minimenu-wrap * {transition:all 100ms linear;}
.minimenu-wrap > a {background: transparent;text-align:center; }
.minimenu-wrap > a > img {opacity:1;display:inline-block;margin:3px 0 0px;padding:0;width:24px;height:24px;}
.minimenu-wrap.opened > a {background: transparent url(../im/system/ico-close.svg) no-repeat center center / 24px; }
.minimenu-wrap.opened > a > img {opacity:0;}
.minimenu-wrap > div {pointer-events:none;position:absolute;top:100%;right:0;width:224px;height:0;background-color:#ffffff;border:0;overflow:hidden;}
.minimenu-wrap > div > a {pointer-events:none;border:0;float:left;box-sizing:border-box;width:100%;overflow:hidden;height:0;}
.minimenu-wrap.opened > div {pointer-events:auto;height:auto;box-shadow:0px 0px 6px -4px #000000;border:1px solid #eee;}
.minimenu-wrap.opened > div > a {pointer-events:auto;border-bottom:1px solid #ddd;height:auto;padding:4px 8px;}





.mw {padding-left:8%;padding-right:8%;box-sizing:border-box;float:left;display:block;width:100%;}
.mw-tin {padding-left:12%;padding-right:12%;box-sizing:border-box;float:left;display:block;width:100%;}
.mw-wide {padding-left:64px;padding-right:64px;box-sizing:border-box;float:left;display:block;width:100%;}
.mw-full {padding-left:48px;padding-right:48px;box-sizing:border-box;float:left;display:block;width:100%;}


.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {display:block;float:left;box-sizing:border-box;}

.c12 {width: 100%;}                 .c11 {width: 91.66666666666666%;}   .c10 {width: 83.33333333333333%;}   .c9 {width: 75%;}
.c8 {width: 66.66666666666666%;}    .c7 {width: 58.33333333333334%;}    .c6 {width: 50%;}                   .c5 {width: 41.66666666666667%;}
.c4 {width: 33.333333333333%;}      .c3 {width: 25%;}                   .c2 {width: 16.6666666667%;}        .c1 {width: 8.3333333333%;}

.item-160 {width:160px;}
.item-320 {width:320px;}
.item-480 {width:480px;}
.item-640 {width:640px;}

.x1  {width: 100%;}     .x2  {width: 50%;}      .x3  {width: 33.33%;}   .x4  {width: 25%;}
.x5  {width: 20%;}      .x6  {width: 16.66%;}   .x7  {width: 14.2857%;} .x8  {width: 12.5%;}                                                      
.x9  {width: 11.11%;}   .x10 {width: 10%;}      .x11 {width: 9.0909%;}  .x12 {width: 8.33%;}
 
.tl {text-align:left;} .tr {text-align:right;} .tc {text-align:center;} .tj {text-align:justify;}

.fl {float:left;} .fr {float:right;} .fn {float:none;}

.p0 {padding:0} .p1 {padding:4px;} .p2 {padding:8px;} .p3 {padding:12px;}
.p4 {padding:16px;} .p5 {padding:20px;} .p6 {padding:24px;} .p7 {padding:28px;}
.p8 {padding:32px;} .p9 {padding:36px;} .p10 {padding:40px;}
.p11 {padding:44px;} .p12 {padding:48px;}

.p0l {padding-left:0px;} .p1l {padding-left:4px;} .p2l {padding-left:8px;} .p3l {padding-left:12px;}
.p4l {padding-left:16px;} .p5l {padding-left:20px;} .p6l {padding-left:24px;} .p7l {padding-left:28px;}
.p8l {padding-left:32px;} .p9l {padding-left:36px;} .p10l {padding-left:40px;} .p11l {padding-left:44px;} 
.p12l {padding-left:48px;} 

.p0r {padding-right:0px;} .p1r {padding-right:4px;} .p2r {padding-right:8px;} .p3r {padding-right:12px;}
.p4r {padding-right:16px;} .p5r {padding-right:20px;} .p6r {padding-right:24px;} .p7r {padding-right:28px;}
.p8r {padding-right:32px;} .p9r {padding-right:36px;} .p10r {padding-right:40px;} .p11r {padding-right:44px;}
.p12r {padding-right:48px;} .p13r {padding-right:52px;} .p14r {padding-right:56px;} .p15r {padding-right:60px;} 
.p16r {padding-right:64px;} 

.p0t {padding-top:0px;} .p1t {padding-top:4px;} .p1halft {padding-top:6px;} .p2t {padding-top:8px;}
.p2halft {padding-top:10px;} .p3t {padding-top:12px;} .p4t {padding-top:16px;} .p5t {padding-top:20px;}
.p6t {padding-top:24px;} .p7t {padding-top:28px;} .p8t {padding-top:32px;} .p9t {padding-top:36px;} 
.p10t {padding-top:40px;} .p11t {padding-top:44px;} .p12t {padding-top:48px;}
.p30t {padding-top:120px;}

.p0halft {padding-top:2px;}

.bsbb {box-sizing:border-box;}

.p0b {padding-bottom:0px;} .p1b {padding-bottom:4px;} .p2b {padding-bottom:8px;} .p3b {padding-bottom:12px;}
.p4b {padding-bottom:16px;} .p5b {padding-bottom:20px;} .p6b {padding-bottom:24px;} .p7b {padding-bottom:28px;}
.p8b {padding-bottom:32px;} .p9b {padding-bottom:36px;} .p10b {padding-bottom:40px;} .p11b {padding-bottom:44px;} 
.p12b {padding-bottom:48px;} 

.m0 {margin:0} .m1 {margin:4px;} .m2 {margin:8px;} .m3 {margin:12px;}
.m4 {margin:16px;} .m5 {margin:20px;} .m6 {margin:24px;} .m7 {margin:28px;}
.m8 {margin:32px;} .m9 {margin:36px;} .m10 {margin:40px;} .m11 {margin:44px;} 
.m12 {margin:48px;} 

.m0l {margin-left:0px;} .m1l {margin-left:4px;} .m2l {margin-left:8px;} .m3l {margin-left:12px;}
.m4l {margin-left:16px;} .m5l {margin-left:20px;} .m6l {margin-left:24px;} .m7l {margin-left:28px;}
.m8l {margin-left:32px;} .m9l {margin-left:36px;} .m10l {margin-left:40px;} .m11l {margin-left:44px;}
.m12l {margin-left:48px;} 

.m0r {margin-right:0px;} .m1r {margin-right:4px;} .m2r {margin-right:8px;} .m3r {margin-right:12px;}
.m4r {margin-right:16px;} .m5r {margin-right:20px;} .m6r {margin-right:24px;} .m7r {margin-right:28px;}
.m8r {margin-right:32px;} .m9r {margin-right:36px;} .m10r {margin-right:40px;} .m11r {margin-right:44px;}
.m12r {margin-right:48px;} 

.m0t {margin-top:0px;} .m1t {margin-top:4px;} .m2t {margin-top:8px;} .m3t {margin-top:12px;}
.m4t {margin-top:16px;} .m5t {margin-top:20px;} .m6t {margin-top:24px;} .m7t {margin-top:28px;}
.m8t {margin-top:32px;} .m9t {margin-top:36px;} .m10t {margin-top:40px;} .m11t {margin-top:44px;}
.m12t {margin-top:48px;} 

.m1halft {margin-top:2px;}

.m0b {margin-bottom:0px;} .m1b {margin-bottom:4px;} .m2b {margin-bottom:8px;} .m3b {margin-bottom:12px;}
.m4b {margin-bottom:16px;} .m5b {margin-bottom:20px;} .m6b {margin-bottom:24px;} .m7b {margin-bottom:28px;}
.m8b {margin-bottom:32px;} .m9b {margin-bottom:36px;} .m10b {margin-bottom:40px;} .m11b {margin-bottom:44px;} 
.m12b {margin-bottom:48px;} .m13b {margin-bottom:52px;} .m14b {margin-bottom:56px;} .m15b {margin-bottom:60px;}
.m16b {margin-bottom:64px;} .m17b {margin-bottom:68px;} .m18b {margin-bottom:72px;} .m19b {margin-bottom:76px;}
.m20b {margin-bottom:80px;} .m21b {margin-bottom:84px;} .m22b {margin-bottom:88px;} .m23b {margin-bottom:92px;} 
.m24b {margin-bottom:96px;} .m25b {margin-bottom:100px;}

.mauto {margin:auto}                            .mlrauto {margin-left:auto;margin-right:auto;} .mlauto {margin-left:auto;}      .mrauto {margin-right:auto;}
.mtbauto {margin-top:auto;margin-bottom:auto;}  .mtauto {margin-top:auto;}                     .mbauto {margin-bottom:auto;}    .mtm1 {margin-top:-1px;}

.minh1 {min-height:4px;}  .minh2 {min-height:8px;}  .minh3 {min-height:12px;} .minh4 {min-height:16px;}
.minh5 {min-height:20px;} .minh6 {min-height:24px;} .minh7 {min-height:28px;} .minh8 {min-height:32px;}  
.minh9 {min-height:64px;} .minh10 {min-height:128px;}

.minh10p {min-height:10%;} .minh20p {min-height:20%;} .minh30p {min-height:30%;} .minh40p {min-height:40%;}
.minh50p {min-height:50%;} .minh60p {min-height:60%;} .minh70p {min-height:70%;} .minh80p {min-height:80%;}
.minh90p {min-height:90%;} .minh100p {min-height:100%;}

.minh10vh {min-height:10vh;} .minh20vh {min-height:20vh;} .minh30vh {min-height:30vh;} .minh40vh {min-height:40vh;}
.minh50vh {min-height:50vh;} .minh60vh {min-height:60vh;} .minh70vh {min-height:70vh;} .minh80vh {min-height:80vh;}
.minh90vh {min-height:90vh;} .minh100vh {min-height:100vh;}

.maxh1 {max-height:4px;}  .maxh2 {max-height:8px;}  .maxh3 {max-height:12px;} .maxh4 {max-height:16px;}
.maxh5 {max-height:20px;} .maxh6 {max-height:24px;} .maxh7 {max-height:28px;} .maxh8 {max-height:32px;}
.maxh9 {max-height:64px;} .maxh10 {max-height:128px;}

.maxh10p {max-height:10%;} .maxh20p {max-height:20%;} .maxh30p {max-height:30%;} .maxh40p {max-height:40%;}
.maxh50p {max-height:50%;} .maxh60p {max-height:60%;} .maxh70p {max-height:70%;} .maxh80p {max-height:80%;}
.maxh90p {max-height:90%;} .maxh100p {max-height:100%;}

.maxh10vh {max-height:10vh;} .maxh20vh {max-height:20vh;} .maxh30vh {max-height:30vh;} .maxh40vh {max-height:40vh;}
.maxh50vh {max-height:50vh;} .maxh60vh {max-height:60vh;} .maxh70vh {max-height:70vh;} .maxh80vh {max-height:80vh;}
.maxh90vh {max-height:90vh;} .maxh100vh {max-height:100vh;}

.he1 {height:4px;}      .he2 {height:8px;}      .he3 {height:12px;}         .he4 {height:16px;}
.he5 {height:20px;}     .he6 {height:24px;}     .he7 {height:28px;}         .he8 {height:32px;}  
.he9 {height:36px;}     .he10 {height:40px;}    .he10half {height:42px;}    .he11 {height:44px;}
.he12 {height:48px;}    .he13 {height:52px;}    .he14 {height:56px;}        .he15 {height:60px;}
.he16 {height:64px;}    .he17 {height:68px;}    .he18 {height:72px;}        .he19 {height:76px;}
.he20 {height:80px;} 

.he10p {height:10%;} .he20p {height:20%;} .he30p {height:30%;} .he40p {height:40%;}
.he50p {height:50%;} .he60p {height:60%;} .he70p {height:70%;} .he80p {height:80%;}
.he90p {height:90%;} .he100p {height:100%;}

.he10vh {height:10vh;} .he20vh {height:20vh;} .he30vh {height:30vh;} .he40vh {height:40vh;}
.he50vh {height:50vh;} .he60vh {height:60vh;} .he70vh {height:70vh;} .he80vh {height:80vh;}
.he90vh {height:90vh;} .he100vh {height:100vh;}

.before10:before {content:'';display:block;padding-top:10%;} .before20:before {content:'';display:block;padding-top:20%;} .before30:before {content:'';display:block;padding-top:30%;} .before40:before {content:'';display:block;padding-top:40%;}
.before50:before {content:'';display:block;padding-top:50%;} .before60:before {content:'';display:block;padding-top:60%;} .before70:before {content:'';display:block;padding-top:70%;} .before80:before {content:'';display:block;padding-top:80%;}
.before90:before {content:'';display:block;padding-top:90%;} .before100:before {content:'';display:block;padding-top:100%;}

.after10:after {content:'';display:block;padding-top:10%;} .after20:after {content:'';display:block;padding-top:20%;} .after30:after {content:'';display:block;padding-top:30%;} .after40:after {content:'';display:block;padding-top:40%;}
.after50:after {content:'';display:block;padding-top:50%;} .after60:after {content:'';display:block;padding-top:60%;} .after70:after {content:'';display:block;padding-top:70%;} .after80:after {content:'';display:block;padding-top:80%;}
.after90:after {content:'';display:block;padding-top:90%;} .after100:after {content:'';display:block;padding-top:100%;}

.he0 {height:0%;} .minh0 {min-height:0%;} .maxh0 {max-height:0%;} .heauto {height:auto;}
.minhauto {height:auto;}

.minw10p {min-width:10%;} .minw20p {min-width:20%;} .minw30p {min-width:30%;} .minw40p {min-width:40%;}
.minw50p {min-width:50%;} .minw60p {min-width:60%;} .minw70p {min-width:70%;} .minw80p {min-width:80%;}
.minw90p {min-width:90%;} .minw100p {min-width:100%;}

.maxw10p {max-width:10%;} .maxw20p {max-width:20%;} .maxw30p {max-width:30%;} .maxw33p {max-width:33.33%;}
.maxw40p {max-width:40%;} .maxw50p {max-width:50%;} .maxw60p {max-width:60%;} .maxw70p {max-width:70%;}
.maxw80p {max-width:80%;} .maxw90p {max-width:90%;} .maxw100p {max-width:100%;}

.w10p {width:10%;}      .w20p {width:20%;} .w25p {width:25%;} .w30p {width:30%;}
.w33p {width:33.33%;}   .w40p {width:40%;} .w50p {width:50%;} .w60p {width:60%;}
.w66p {width:66.66%;}   .w70p {width:70%;} .w80p {width:80%;} .w90p {width:90%;}
.w100p {width:100%;}

.w1 {width:4px;}    .w2 {width:8px;}    .w3 {width:12px;}   .w4 {width:16px;}
.w5 {width:20px;}   .w6 {width:24px;}   .w7 {width:28px;}   .w8 {width:32px;}
.w9 {width:36px;}   .w10 {width:40px;}  .w11 {width:44px;}  .w12 {width:48px;}
.w13 {width:52px;}  .w14 {width:56px;}  .w15 {width:60px;}  .w16 {width:64px;} 
.w17 {width:68px;}  .w18 {width:72px;}  .w19 {width:76px;}  .w20 {width:80px;}
.w21 {width:84px;}  .w22 {width:88px;}  .w23 {width:92px;}  .w24 {width:96px;}
.w25 {width:100px;} .w26 {width:104px;} .w27 {width:108px;} .w28 {width:112px;}
.w29 {width:116px;} .w30 {width:120px;} .w31 {width:124px;} .w32 {width:128px;}
.w48 {width:192px;}
.w64 {width:256px;} 

.minw0 {min-width:0%;} .maxw0 {max-width:0%;} .wauto {width:auto;}

.pos-r {position:relative;} .pos-a {position:absolute;} .pos-f {position:fixed;} .pos-s {position:static;}
.pos-a-bottom {position:absolute;top:auto;bottom:0;left:0;right:0;z-index:100;}
.pos-a-full {position:absolute;top:0px;bottom:0;left:0;right:0;z-index:99;}
.pos-a-bottom {position:absolute;top:auto;bottom:0;left:0;right:0;z-index:99;}


.zi100 {z-index:100;} .zi200 {z-index:200;}     .zi300 {z-index:300;}       .zi400 {z-index:400;}
.zi500 {z-index:500;} .zi600 {z-index:600;}     .zi700 {z-index:700;}       .zi800 {z-index:800;}
.zi900 {z-index:900;} .zi1000 {z-index:1000;}   .zi10000 {z-index:10000;}   .zi20000 {z-index:20000;}
.zi100000 {z-index:100000;}

.d-b {display:block;}       .d-ib {display:inline-block;} .d-i {display:inline;} .d-t {display:table;} 
.d-tc {display:table-cell;} .d-n {display:none;}

.pe-n {pointer-events:none;} .pe-all {pointer-events:all;}

.pos-l0 {left:0px;}     .pos-l1 {left:4px;}     .pos-l2 {left:8px;}     .pos-l3 {left:12px;}
.pos-l4 {left:16px;}    .pos-l5 {left:20px;}    .pos-l6 {left:24px;}    .pos-l7 {left:28px;}
.pos-l8 {left:32px;}    .pos-l9 {left:36px;}    .pos-l10 {left:40px;}   .pos-l11 {left:44px;}
.pos-l12 {left:48px;}   .pos-l13 {left:52px;}   .pos-l14 {left:56px;}   .pos-l15 {left:60px;}
.pos-l16 {left:64px;} 

.pos-r0 {right:0px;}    .pos-r1 {right:4px;}    .pos-r2 {right:8px;}    .pos-r3 {right:12px;}
.pos-r4 {right:16px;}   .pos-r5 {right:20px;}   .pos-r6 {right:24px;}   .pos-r7 {right:28px;}
.pos-r8 {right:32px;}   .pos-r9 {right:36px;}   .pos-r10 {right:40px;}  .pos-r11 {right:44px;}
.pos-r12 {right:48px;}  .pos-r13 {right:52px;}  .pos-r14 {right:56px;}  .pos-r15 {right:60px;}
.pos-r16 {right:64px;} 

.pos-t0 {top:0px;}      .pos-t1 {top:4px;}      .pos-t2 {top:8px;}      .pos-t3 {top:12px;}
.pos-t4 {top:16px;}     .pos-t5 {top:20px;}     .pos-t6 {top:24px;}     .pos-t7 {top:28px;}
.pos-t8 {top:32px;}     .pos-t9 {top:36px;}     .pos-t10 {top:40px;}    .pos-t11 {top:44px;}
.pos-t12 {top:48px;}    .pos-t13 {top:52px;}    .pos-t14 {top:56px;}    .pos-t15 {top:60px;}
.pos-t16 {top:64px;} 

.pos-b0 {bottom:0px;}   .pos-b1 {bottom:4px;}       .pos-b2 {bottom:8px;}   .pos-b3 {bottom:12px;}
.pos-b4 {bottom:16px;}  .pos-b5 {bottom:20px;}      .pos-b6 {bottom:24px;}  .pos-b7 {bottom:28px;}
.pos-b8 {bottom:32px;}  .pos-b9 {bottom:36px;}      .pos-b10 {bottom:40px;} .pos-b11 {bottom:44px;}
.pos-b12 {bottom:48px;} .pos-b13 {bottom:52px;}     .pos-b14 {bottom:56px;} .pos-b15 {bottom:60px;}
.pos-b16 {bottom:64px;}       

.ic1 {padding-left:4px;background-size:4px;background-position:left center;}     .ic2 {padding-left:8px;background-size: 8px;background-position:left center;}
.ic3 {padding-left:12px;background-size: 12px;background-position:left center;}  .ic4 {padding-left:16px;background-size: 16px;background-position:left center;}
.ic5 {padding-left:20px;background-size: 20px;background-position:left center;}  .ic6 {padding-left:24px;background-size: 24px;background-position:left center;}
.ic7 {padding-left:28px;background-size: 28px;background-position:left center;}  .ic8 {padding-left:32px;background-size: 32px;background-position:left center;}  
.ic9 {padding-left:36px;background-size: 36px;background-position:left center;}  .ic10 {padding-left:40px;background-size: 40px;background-position:left center;}
.ic11 {padding-left:44px;background-size: 44px;background-position:left center;} .ic12 {padding-left:48px;background-size: 48px;background-position:left center;}

.ic1r {padding-right:4px;background-size:4px;background-position:right center;}     .ic2r {padding-right:8px;background-size: 8px;background-position:right center;}
.ic3r {padding-right:12px;background-size: 12px;background-position:right center;}  .ic4r {padding-right:16px;background-size: 16px;background-position:right center;}   
.ic5r {padding-right:20px;background-size: 20px;background-position:right center;}  .ic6r {padding-right:24px;background-size: 24px;background-position:right center;}
.ic7r {padding-right:28px;background-size: 28px;background-position:right center;}  .ic8r {padding-right:32px;background-size: 32px;background-position:right center;}   
.ic9r {padding-right:36px;background-size: 36px;background-position:right center;}  .ic10r {padding-right:40px;background-size: 40px;background-position:right center;}
.ic11r {padding-right:44px;background-size: 44px;background-position:right center;} .ic12r {padding-right:48px;background-size: 48px;background-position:right center;}

.br {border-radius:100%;} .br1 {border-radius:2px;} .br2 {border-radius:3px;} .br3 {border-radius:4px;}
.br4 {border-radius:6px;} .br5 {border-radius:8px;} .br6 {border-radius:12px;} .br7 {border-radius:16px;}
.br8 {border-radius:20px;} .br9 {border-radius:24px;} .br10 {border-radius:32px;}

.brt {border-radius:100% 100% 0px 0px;} .br1t {border-radius:2px 2px 0px 0px;} .br2t {border-radius:3px 3px 0px 0px;} .br3t {border-radius:4px 4px 0px 0px;}
.br4t {border-radius:6px 6px 0px 0px;} .br5t {border-radius:8px 8px 0px 0px;} .br6t {border-radius:12px 12px 0px 0px;} .br7t {border-radius:16px 16px 0px 0px;}
.br8t {border-radius:20px 20px 0px 0px;} .br9t {border-radius:24px 24px 0px 0px;} .br10t {border-radius:32px 32px 0px 0px;}

.brb {border-radius:0px 0px 100% 100%;} .br1b {border-radius:0px 0px 2px 2px;} .br2b {border-radius:0px 0px 3px 3px ;} .br3b {border-radius:0px 0px 4px 4px;}
.br4b {border-radius: 0px 0px 6px 6px;} .br5b {border-radius: 0px 0px 8px 8px;} .br6b {border-radius: 0px 0px 12px 12px;}
.br7b {border-radius:0px 0px 16px 16px;} .br8b {border-radius: 0px 0px 20px 20px;} .br9b {border-radius: 0px 0px 24px 24px;}
.br10b {border-radius: 0px 0px 32px 32px;}

.br0 {border-radius:0;}

/* BOXES SIZES START */


.plus-box   {padding-left:34px;padding-right:24px;background:transparent url(../im/system/plus.svg) no-repeat 3px 3px / 20px;float:left;display:block;box-sizing:border-box;min-height:24px;font-size: 13px; padding-top: 5px;}
.minus-box { padding-left: 34px;padding-right:24px; background: transparent url(../im/system/minus.svg) no-repeat 3px 3px / 20px; float: left; display: block; box-sizing: border-box; min-height: 24px; font-size: 13px; padding-top: 5px; }

div {box-sizing:border-box;}



/* FOLDER /////////////   LAYOUT SIZES START */
body {height:100%;margin:0;padding:0;max-width:100vw;}
.la1-m { height: 36px; border-bottom: 1px solid #626262; overflow: hidden; position: relative; }
.la1-o {height:90vh;overflow:auto;overflow-x:hidden;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;height: calc(100vh - 36px);}
.la1-o:nth-last-child(1) { border-right:0;}
.la1-o ul {margin:0;padding:0;list-style:none;float:left;display:block;width:100%;box-sizing:border-box;}
.la1-o ul.u-temp-menu {width:25%;}
.la1-o li {padding: 0px;margin:0;float:left;display:block;width:100%;box-sizing:border-box;}
.la1-o li > a {padding: 4px 4px 4px 29px;margin:0;float:left;display:block;color: #404040;width:100%;box-sizing:border-box;font-size:12px;}
.la1-o li > ul {display:none;padding-left:24px;}
.la1-o li.active > ul {display:block;}
.la1-o li > a.active {font-weight:600;}

.la1-o-header {position:absolute;top:0;left:0;height:32px;width:100%;z-index:999;overflow:hidden;}
.la1-o-obsah {position:absolute;top:32px;left:0;bottom:0px;width:100%;z-index:998;overflow:auto;}


/* FOLDER //////////////   IMAGES / COLORS */
svg, svg * {transition:all 125ms linear;}
.svg svg .fil0 {}
.svg svg, .smaller .svg svg { width: 20px; height: 20px; float: none; display: inline-block; }
.svg.w5 svg {width:20px;height:20px;}

.color-gray, .color-gray * {color:#aaaaaa;}

.color-eshop, .color-eshop * {color: #404040;}
.color-eshop .fil0 {fill:#59af30;}
.color-eshop .fil1 {fill:#59af30;}
.color-eshop:hover .fil0 {fill:#000000;}
.color-eshop:hover .fil1 {fill:#000000;}
.color-eshop:hover * {color: #404040;}
.color-eshop:focus * {font-weight:bold;}
.color-eshop:focus .fil0 {fill:#000000;stroke: #000000;stroke-width: 4px; } 

.color-katalog, .color-katalog * {color: #404040;}
.color-katalog .fil0 {fill:#59af30;}
.color-katalog .fil1 {fill:#59af30;}
.color-katalog:hover .fil0 {fill:#000000;}
.color-katalog:hover .fil1 {fill:#000000;}
.color-katalog:hover * {color: #404040;}
.color-katalog:focus * {font-weight:bold;}
.color-katalog:focus .fil0 {fill:#000000;stroke: #000000;stroke-width: 4px; } 

.color-kategorie, .color-kategorie * {color: #404040;}
.color-kategorie .fil0 {fill:#59af30;}
.color-kategorie .fil1 {fill:#59af30;}
.color-kategorie:hover .fil0 {fill:#000000;}
.color-kategorie:hover .fil1 {fill:#000000;}
.color-kategorie:hover * {color: #404040;}
.color-kategorie:focus * {font-weight:bold;}
.color-kategorie:focus .fil0 {fill:#000000;stroke: #000000;stroke-width: 4px; } 

.color-produkt, .color-produkt * {color:#2196f3;}
.color-produkt .fil0 {fill:#2196f3;}
.color-produkt .fil1 {fill:#2196f3;}
.color-produkt:hover .fil0 {fill:#000000;}
.color-produkt:hover .fil1 {fill:#000000;}
.color-produkt:hover * {color: #404040;}
.color-produkt:focus * {font-weight:bold;}
.color-produkt:focus .fil0 {fill:#000000;stroke: #000000;stroke-width: 4px; } 

.color-produkt_variant, .color-produkt_variant * {color:#2196f3;}
.color-produkt_variant .fil0 {fill:#2196f3;}
.color-produkt_variant .fil1 {fill:#2196f3;}
.color-produkt_variant:hover .fil0 {fill:#000000;}
.color-produkt_variant:hover .fil1 {fill:#000000;}
.color-produkt_variant:hover * {color: #404040;}
.color-produkt_variant:focus * {font-weight:bold;}
.color-produkt_variant:focus .fil0 {fill:#000000;stroke: #000000;stroke-width: 4px; } 

.color-konfigurace, .color-konfigurace * {color:#2196f3;}
.color-konfigurace .fil0 {fill:#2196f3;}
.color-konfigurace .fil1 {fill:#2196f3;}
.color-konfigurace:hover .fil0 {fill:#000000;}
.color-konfigurace:hover .fil1 {fill:#000000;}
.color-konfigurace:hover * {color: #404040;}
.color-konfigurace:focus * {font-weight:bold;}
.color-konfigurace:focus .fil0 {fill:#000000;stroke: #000000;stroke-width: 4px; }

.color-konfigurace_b, .color-konfigurace_b * {color:#0b426e;}
.color-konfigurace_b .fil0 {fill:#0b426e;}
.color-konfigurace_b .fil1 {fill:#0b426e;}
.color-konfigurace_b:hover .fil0 {fill:#0b426e;}
.color-konfigurace_b:hover .fil1 {fill:#0b426e;}
.color-konfigurace_b:hover * {color:#0b426e;}
.color-konfigurace_b:focus * {font-weight:bold;}
.color-konfigurace_b:focus .fil0 {fill:#0b426e;stroke: #0b426e;stroke-width: 4px; }

.color-konfigurace_formular, .color-konfigurace_formular * {color:#c3a20e;}
.color-konfigurace_formular .fil0 {fill:#c3a20e;}
.color-konfigurace_formular .fil1 {fill:#c3a20e;}
.color-konfigurace_formular:hover .fil0 {fill:#c3a20e;}
.color-konfigurace_formular:hover .fil1 {fill:#c3a20e;}
.color-konfigurace_formular:hover * {color:#c3a20e;}
.color-konfigurace_formular:focus * {font-weight:bold;}
.color-konfigurace_formular:focus .fil0 {fill:#c3a20e;stroke: #c3a20e;stroke-width: 4px; }

.color-homepage, .color-homepage * {color:#5faf39;}
.color-homepage .fil0 {fill:#5faf39;}
.color-homepage .fil1 {fill:#5faf39;}
.color-homepage:hover .fil0 {fill:#5faf39;}
.color-homepage:hover .fil1 {fill:#5faf39;}
.color-homepage:hover * {color:#5faf39;}
.color-homepage:focus * {font-weight:bold;}
.color-homepage:focus .fil0 {fill:#5faf39;stroke: #5faf39;stroke-width: 4px; }

.color-magazin, .color-magazin * {color:#a20ec3;}
.color-magazin .fil0 {fill:#a20ec3;}
.color-magazin .fil1 {fill:#a20ec3;}
.color-magazin:hover .fil0 {fill:#a20ec3;}
.color-magazin:hover .fil1 {fill:#a20ec3;}
.color-magazin:hover * {color:#a20ec3;}
.color-magazin:focus * {font-weight:bold;}
.color-magazin:focus .fil0 {fill:#a20ec3;stroke: #a20ec3;stroke-width: 4px; }

.color-magazinitem, .color-magazinitem * {color:#450953;}
.color-magazinitem .fil0 {fill:#450953;}
.color-magazinitem .fil1 {fill:#450953;}
.color-magazinitem:hover .fil0 {fill:#450953;}
.color-magazinitem:hover .fil1 {fill:#450953;}
.color-magazinitem:hover * {color:#450953;}
.color-magazinitem:focus * {font-weight:bold;}
.color-magazinitem:focus .fil0 {fill:#450953;stroke: #450953;stroke-width: 4px; }

.color-info, .color-info * {color:#00a0cb;}
.color-info .fil0 {fill:#00a0cb;}
.color-info .fil1 {fill:#00a0cb;}
.color-info:hover .fil0 {fill:#00a0cb;}
.color-info:hover .fil1 {fill:#00a0cb;}
.color-info:hover * {color:#00a0cb;}
.color-info:focus * {font-weight:bold;}
.color-info:focus .fil0 {fill:#00a0cb;stroke: #00a0cb;stroke-width: 4px; }

.color-infoitem, .color-infoitem * {color:#005f78;}
.color-infoitem .fil0 {fill:#005f78;}
.color-infoitem .fil1 {fill:#005f78;}
.color-infoitem:hover .fil0 {fill:#005f78;}
.color-infoitem:hover .fil1 {fill:#005f78;}
.color-infoitem:hover * {color:#005f78;}
.color-infoitem:focus * {font-weight:bold;}
.color-infoitem:focus .fil0 {fill:#005f78;stroke: #005f78;stroke-width: 4px; }

.color-kontakt, .color-kontakt * {color:#ff0000;}
.color-kontakt .fil0 {fill:#ff0000;}
.color-kontakt .fil1 {fill:#ff0000;}
.color-kontakt:hover .fil0 {fill:#ff0000;}
.color-kontakt:hover .fil1 {fill:#ff0000;}
.color-kontakt:hover * {color:#ff0000;}
.color-kontakt:focus * {font-weight:bold;}
.color-kontakt:focus .fil0 {fill:#ff0000;stroke: #ff0000;stroke-width: 4px; }

.color-search, .color-search * {color:#aaaaaa;}
.color-search .fil0 {fill:#aaaaaa;}
.color-search .fil1 {fill:#aaaaaa;}
.color-search:hover .fil0 {fill:#aaaaaa;}
.color-search:hover .fil1 {fill:#aaaaaa;}
.color-search:hover * {color:#aaaaaa;}
.color-search:focus * {font-weight:bold;}
.color-search:focus .fil0 {fill:#aaaaaa;stroke: #aaaaaa;stroke-width: 4px; }

.color-adminlogin, .color-adminlogin * {color:#aaaaaa;}
.color-adminlogin .fil0 {fill:#aaaaaa;}
.color-adminlogin .fil1 {fill:#aaaaaa;}
.color-adminlogin:hover .fil0 {fill:#aaaaaa;}
.color-adminlogin:hover .fil1 {fill:#aaaaaa;}
.color-adminlogin:hover * {color:#aaaaaa;}
.color-adminlogin:focus * {font-weight:bold;}
.color-adminlogin:focus .fil0 {fill:#aaaaaa;stroke: #aaaaaa;stroke-width: 4px; }

.color-kontaktdoc, .color-kontaktdoc * {color:#ff0000;}
.color-kontaktdoc .fil0 {fill:#ff0000;}
.color-kontaktdoc .fil1 {fill:#ff0000;}
.color-kontaktdoc:hover .fil0 {fill:#ff0000;}
.color-kontaktdoc:hover .fil1 {fill:#ff0000;}
.color-kontaktdoc:hover * {color:#ff0000;}
.color-kontaktdoc:focus * {font-weight:bold;}
.color-kontaktdoc:focus .fil0 {fill:#ff0000;stroke: #ff0000;stroke-width: 4px; }

.color-onas, .color-onas * {color:#54af44;}
.color-onas .fil0 {fill:#54af44;}
.color-onas .fil1 {fill:#54af44;}
.color-onas:hover .fil0 {fill:#54af44;}
.color-onas:hover .fil1 {fill:#54af44;}
.color-onas:hover * {color:#54af44;}
.color-onas:focus * {font-weight:bold;}
.color-onas:focus .fil0 {fill:#54af44;stroke: #54af44;stroke-width: 4px; }

.color-reference, .color-reference * {color:#54af44;}
.color-reference .fil0 {fill:#54af44;}
.color-reference .fil1 {fill:#54af44;}
.color-reference:hover .fil0 {fill:#54af44;}
.color-reference:hover .fil1 {fill:#54af44;}
.color-reference:hover * {color:#54af44;}
.color-reference:focus * {font-weight:bold;}
.color-reference:focus .fil0 {fill:#54af44;stroke: #54af44;stroke-width: 4px; }
                                                       
.folder-item {min-height:68px;border-radius: 5px;border:1px solid #ffffff;transition:all 200ms linear;flex: 1 1 128px; max-width:128px;}
.folder-item:hover {border: 1px dashed #aaaaaa;}
.folder-item a > span.pos-a-bottom { position: absolute; top: 24px; bottom: auto; left: 0; right: 0; z-index: 99; font-size: 11px; padding: 0px 10px; }

.folder-obsah-wrap {width:100%;transition: all 150ms ease-out;display:flex;flex-wrap:wrap;gap:10px;}

.folder-menu-item:hover {text-decoration:underline;}

.KonfWrap { margin-top: 48px; background: #464646; color: #ffffff;background:linear-gradient(180deg, #2b2a29, black); }
.layer-wrap .KonfWrap {margin-top:0;}
.layer-wrap div.Nadpis .select-box {display:none;}


select.sel-color-0 {background:gray;color:#ffffff;} 
select.sel-color-1 {background:green;color:#ffffff;} 
select.sel-color-2 {background:orange;color:#ffffff;} 
select.sel-color-3 {background:red;color:#ffffff;} 

.folder-obsah-settings .pop-seznam form {padding:0;margin:0;border:0;}
.folder-obsah-settings .pop-seznam form.fr {float:right;}

.folder-obsah-settings form { padding: 11px; box-sizing: border-box; float: left; display: block; border-bottom: 1px solid #eeeeee; border-top: 1px solid #dddddd;position:relative; }

.folder-obsah-settings .u-sklad-family form.p0 {padding:2px 0 0;border:0;}
.folder-obsah-settings .u-sklad-family form.p0 button {padding:3px;height:21px;}
.folder-obsah-settings .u-sklad-family form.p0 select {font-size:11px;padding:2px 4px;height:21px;line-height:1;} 

.folder-obsah-settings form button {margin:0;border:0;}
.folder-obsah-settings form button.c12 {width:100%;} 

.u_me_galerie_thumbs form {padding:0 7px;border:0;}

.ico-upload-right {position:absolute;right:0;}

.loading-bar {color:#313131;background:#54af44;overflow:hidden;width:auto;}

.folder-obsah-settings form.folder-sit-1 {border:0;padding-top:0;padding-bottom:0;margin:0;}
.folder-obsah-settings form.folder-sit-1.b1b {border:1px solid #eeeeee;}

.bc-wrap > a {color:#313131;font-weight:normal;} 
.bc-wrap > span {color:#313131;font-weight:bold;} 

.ico-l-4 {padding-left:20px;background: transparent url(../im/system/l.svg) no-repeat 0 center / 16px;}
.ico-r-4 {padding-right:20px;background: transparent url(../im/system/r.svg) no-repeat right center / 16px; }

.c12-m5 {width:calc(100% - 40px);font-size:10px;}
.c12-m5.active {font-weight:bold;}
                                                             
.menu-p1t a {padding-top:4px;float:left;margin-right:5px;color:#313131;font-weight:bold;}
.menu-p1t select {padding:3px;font-size:11px;margin:0;}
.row-small, .row-small * {font-size:11px;}

.u-sklad-rows .kam-closer {margin-top:0;}

form.fixed-button {padding-top:30px;}
form.fixed-button button {position: fixed;left: 25%;z-index: 9999;padding: 8px;right: 0px;margin: 0px;top: 92px;}

.folder-obsah-settings {width:0;height:auto;transition: all 150ms ease-out;overflow:hidden;}
.folder-obsah-settings {width:100%;height:auto;max-height:90vh;transition: all 150ms ease-out;overflow:auto;}
body.folder-obsah-settings-open .folder-obsah-wrap {width:0;height:auto;transition: all 150ms ease-in;overflow:hidden;}
body.folder-obsah-settings-open .folder-obsah-settings {transition: all 150ms ease-in;width: 100%;height: 94vh;overflow: unset;padding: 0;height: calc(100% - 25px);}

.folder-obsah-settings .h1 { position: relative; float: left; display: block; background: #313131; color: #ffffff; font-size: 19px; font-weight: 400; line-height: 24px; width: 100%; padding: 4px 4px 4px 11px; box-sizing: border-box; }
.folder-obsah-settings .h1 b {color: #ffffff; font-size: 19px; font-weight: bold; line-height: 24px; }
.folder-obsah-settings .h1 a {float:right;position:relative;float:right;display:block;background:#313131;color:#ffffff;width:24px;height:24px;margin:0;}
.folder-obsah-settings .h1 a img {width:24px;height:24px;float:right;margin:0;}


.Konf {position:relative;overflow:hidden;}
.Konf:before {content:'';padding-top:56.25%;width:100%;float:left;display:block;}
.konf-image {width:100%;position:absolute;top:0;left:0;}
.KonfSelect {width:100%;max-width:320px;}
.select-box {border:1px solid #eeeeee;cursor:pointer;position:relative;}
.select-box > .selected {background:transparent url('../im/system/arr-down.svg') no-repeat right center / 30px;}
.select-box > .selected > div {padding-right:48px;font-weight:400;}
.select-box > .selected > small {box-sizing:border-box;padding-right:48px;color:gray;}
.select-box > .options {position:absolute;top:100%;left:0;z-index:10000;width:100%;height:0;overflow:hidden;background:#ffffff;transition:all 150ms linear;opacity:0;pointer-events: unset;}
.select-box > .a {}
.select-box.opened > .options {height:auto;opacity:1;pointer-events: all;}
.select-box.opened,.select-box > .options {box-shadow: 0px 0px 10px -5px #000000;}

.KonfMenu { text-align: center; padding-top: 4px; padding-bottom: 4px; position: relative; background: #4f4f4f; }
.KonfMenu .karta {float:none;display:inline-block;position:relative;top:3px;}
.KonfMenu a {color: #ffffff;float: left;padding: 6px 13px;border-radius: 0;line-height: 15px;background: #2b2a29;}
.KonfMenu a.active { background-color: #5faf39; color: #ffffff; }
.KonfMenu a:hover {color:#ffffff;}
.ul-konf-menu {list-style:none;width:auto;}

.Konf { position: relative; overflow: hidden; width: 100%;float: right;background:#000000; }
.Konf:before { content: ''; padding-top: 56.25%; }
.konf-image { width: 100%; position: absolute; top: 0%; left: 0; }

.konf-slide-wrap {width: 100%; position: absolute; top: 0%; left: 0;}
.Konf .konf-slide {width: 100%;float:left;display:block;margin:0;}


.Konf .konf-slide {display:none;}


.Konf .scroll-here-4-object.active .konf-slide, 
.Konf .scroll-here-3-object.active .konf-slide {display:block;}

.KonfMenu > .wauto { margin-right: 0; margin: 0; padding: 2px 0px 3px; }

div.Nadpis { padding-top: 7px; padding-bottom: 0px; position: relative; background:#2b2a29; color: #ffffff; }

div.Nadpis > h1 { margin: 0; padding: 2px 0px 7px; font-size: 21px; text-transform: uppercase; width: auto; float: left; padding-right: 24px; }
div.Nadpis > form {padding-top: 3px;} 
div.Nadpis > * {float:left;}
div.Nadpis > .fr {float:right;}

.fix-top div.Nadpis-Wrap {padding: 0px;}
.fix-top div.Nadpis-Wrap h1 {display:none;}

@media (min-width:1081px) {
     div.Nadpis > .fr { float: right;position: absolute;top: 61px;margin: 0px auto;left: 0;right: 0;    width: 219px;display: flex; justify-content: center;}
    .fix-top div.Nadpis > .fr {top:12px;}
    .fix-top div.Nadpis .variants-here > a {border-radius:8px;margin:0px 1.5px;}
    .konfwrap-katalog div.Nadpis > .fr { top: 10px;}
    
}
@media (max-width:1080px) {
    div.Nadpis > .fr {position: absolute;right: 48px;top: 104px;z-index: 25000;}
    .fix-top div.Nadpis > .fr {display:none;}
    .konfwrap-katalog div.Nadpis > .fr  {top:48px;}
}


div.Nadpis .select-box { border: 1px solid #565e53; cursor: pointer; position: relative; border-radius: 64px; padding-left: 12px; min-width: 183px; background-color: #363b35; }
div.Nadpis .select-box > .selected { background: transparent url(../im/system/arr-down-w.svg) no-repeat right 10px center / 13px; }
div.Nadpis .select-box.opened > .options { height: auto; opacity: 1; pointer-events: all; border-radius: 12px; }
div.Nadpis .select-box.opened > .options > div a {border-radius:32px;}
.KonfShrnuti {position:absolute;top:100%;height:0;right:0;width:66.66%;overflow:hidden;background:#ffffff;transition:all 250ms linear;opacity:0;pointer-events: none;z-index:4000;}
.KonfShrnuti > * {height:0;transition:all 250ms linear;}
.KonfShrnuti.opened > * {height:auto;}
.KonfShrnuti.opened { opacity: 1; pointer-events: all; height: 56vh; overflow: auto; border: 1px solid #eee; border-left: 0; border-right: 0; box-shadow: -20px 20px 27px -29px #000000; box-shadow: -41px 40px 27px -29px #00000029; }
div.Nadpis .label input[type="radio"] + span {color:#ffffff;}
div.Nadpis .label input[type="radio"] + span:before {border: 1px solid #ffffff;}

a.logo { width: 159px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 4px 0px 0px 7px; z-index:2000;}
a.logo:before { content: ''; position: absolute; background: #ffffff; width: 158px; height: 40px; z-index: 1; filter: blur(49px); border-radius: 100px; bottom: 47px; }
a.logo img {width:100%;margin:0;}
.MenuWrap { border-bottom: 0; background: #2b2a29;  position: fixed; z-index: 19999; top: 0; left: 0; box-shadow: 0px 0px 5px -1px #000000; height: 48px; }



.KonfForm {padding-left:0;padding-right:0;}

.KonfForm .label input[type="radio"] + span {color:#ffffff;}
.KonfForm .label input[type="radio"] + span:before {border: 1px solid #ffffff;}

.item-x {display:inline-block;float:none;width:300px;margin:0px 10px 20px;box-shadow:0px 0px 10px -5px #000000;}
.KonfForm .item-x .strong {color: #404040;}
.KonfForm .item-x .label input[type="radio"] + span {color: #404040;}


.fixed-konf-form {width: 300px; height: 100%;  transition:all 250ms ease-out;position: absolute; left: 0; background: #313131; background: #313131a3; z-index: 9999; bottom: 0; max-height: 100%; overflow: auto; padding: 0px 10px 0px; }
.fixed-konf-form  .b1g { border-bottom: 1px solid #ffffff2e;}
.fixed-konf-form.active {left:-300px; transition:all 100ms ease-in;}

.konf-form-closer {position:fixed;top:220px;left:300px;width:40px;height:40px;padding:0px;margin:0px;background:#ffffff url(../im/system/arr-left.svg) no-repeat center center / 36px;}
.konf-form-closer.active {background:#ffffff url(../im/system/arr-right.svg) no-repeat center center / 36px;left:0;}
.konf-form-closer span {display:none;}  
 
@media (max-width: 900px) {
    .KonfMenu a { float: left; padding: 6px 6px 6px 0px; border-radius: 15px; line-height: 1;border:0; margin:0;background:transparent;} 
    .KonfMenu a.active {padding: 6px 8px 6px 8px;margin:0 6px 0px 0px;}
}

@media (max-width: 720px) {
    div.Nadpis .select-box { width: 100%; margin: 11px 0px 5px; background-color: #444444; padding: 0px 4px; }
    .KonfMenu > .wauto { margin: 0; padding: 2px 0px; position: absolute; top: -29px; z-index: 99; right: 65px; pointer-events:none;}   
}


@media (max-width: 600px) {
    .konf-form-closer { top: 230px;}
}

@media (max-width: 480px) {
    .fixed-konf-form { position: static; width: 100%; background:#505050; height: 41vh; }
    .konf-form-closer {display:none;}
    .KonfMenu > .wauto { margin: 0; position: static; pointer-events: unset; padding: 7px 5px 4px;border-top:1px solid #505050; width:100%;text-align:center;}
    .KonfMenu > .wauto > * {display:inline-block;float:none;}
    .ul-konf-menu {width:100%;text-align:center;}
    .ul-konf-menu li {display:inline-block;float:none;}
}

@media (max-width: 380px) {
    .item-x {margin:0px auto 20px;width:290px;}
}

.red-box { height: 23px; width: 23px; font-size: 10px; font-weight: bold; color: #ffffff; background: #c30e5f; text-align: center; line-height: 23px; overflow: hidden; border-radius: 32px; position: absolute; top: -13px; right: -3px; border-bottom: 2px solid #650020;z-index: 100; }
.produkt-item .red-box { top:-17px;}
.KonfForm .strong {font-weight:400;}


.detail {display:none;}
.detail.active {display:block;}

.xdebug-error {position:relative;z-index:9999999;}


.RozmerTable {margin-top: 0px;
             margin-bottom: 12px;padding:0;}
                          
.MenuSettings {display:none;}

.Menu {width:100%; margin-top: 10px;position:relative;}
.Menu ul { list-style: none; margin: 0;  display: block; float: left; box-sizing: border-box; width: 100%; position: relative; }
.Menu ul.menu-1 {padding: 0 42px 0px 0px;}
.Menu li {color:#ffffff;display:block;width:auto;margin:0;padding:0;float:left;}
.Menu li.right {float:right;}
.Menu a { color: #c5c5c5; float: left; display: block; box-sizing: border-box; padding: 7px 12px 0px 0px; text-transform: uppercase; transition: all 250ms linear; text-shadow: 0px 1px 3px #999999, -1px -1px 0px #000000; }
.Menu li:nth-last-child(5) a {}
.Menu a:hover {color:#ffffff;} 
.Menu li.active a {font-weight:600;color:#76d947;}

.Menu li.left {padding-right:6px;letter-spacing:0.02em;}
.Menu li.right {padding-left:2px;}

  .Menu div.search-li {float:right;position:absolute;right:0px;top:-9px;width:44px;height:44px;} 
  @media (max-width: 1120px) {
    .Menu div.search-li {top:0px;} 
    .Menu li.left, .Menu li.right {padding-left:0;padding-right:7px;margin:0;letter-spacing:0;}
  }
  .mw-tin .Menu div.search-li.active > .search-box {min-width:250px;}
  
  .Menu div.search-li , .Menu div.search-li * {transition: all 200ms linear;}
  .Menu div.search-li > .search-button {width:44px;float:left;padding:0;margin:0;background:transparent;}
  .Menu div.search-li > .search-button > img {    width: 30px;float: left;padding: 8px; }
  .Menu div.search-li > .search-box { overflow: hidden;position: fixed;width: 300px;top: 51px;right: -400px;overflow: auto;max-height: 100%;max-height: calc(100% - 48px);background: #272727;box-shadow: 0px 2px 5px -2px #000000;color: #ffffff;border-radius: 5px;}
  .Menu div.search-li > .search-box > form {position:relative;}
  .Menu div.search-li > .search-box > form .ico-search { color:#f1f1f1;margin:0;box-sizing: border-box; background: #313131; padding: 9px 36px 9px 8px; width: 100%; float: left; border-radius: 0; border: 0; border-bottom: 1px solid #535353; }
  .Menu div.search-li > .search-box > .search-wrap {}
  
    .Menu div.search-li button { position: absolute; right: 0; top: 0; padding: 4px; }
  
  .Menu div.search-li.active {} 
  .Menu div.search-li.active > .search-button > img {opacity:0;}
  .Menu div.search-li.active > .search-button {background: transparent url(../im/system/ico-close-w.svg) no-repeat center center / 30px;}
  .Menu div.search-li.active > .search-box {right:48px;} 


.mw-tin .Menu div.search-li.active > .search-box {right:48px;width:38%;}
.mw-tin .Menu div.search-li { right: 0; left: auto; width: 42px; height: 46px; border-left: 1px solid #505050; }
.mw-full .Menu div.search-li.active > .search-box {right:48px;width:50%;width:calc(50% - 48px);min-width: 260px;}
.mw-full .Menu div.search-li {right:0px;}

.static-active { cursor: pointer; }

.vysledek-item {background:#ffffff;border-bottom:1px solid #f1f1f1;padding:20px;margin:0;width:100%;float:left;}

.vysledek-item a, .Menu li.active .vysledek-item a {text-shadow:none;color:silver;font-size:10px;}
.vysledek-item a.strong, .Menu li.active .vysledek-item a.strong {text-shadow:none;color:#5dac38;font-size:12px;font-weight:600;}
.Menu li.active .Vysledky {background:#ffffff;}
.Menu li.active .Vysledky {color: #404040;}

.Menu a.respo-button {display:none;}
@media (max-width: 1120px) {
    .Menu ul {padding-right:0;}
    .Menu ul.menu-1 {left:0px;right:0px;width:auto;height:0;top:-60px;overflow:hidden;padding-top:0;padding-bottom:0;opacity:0;padding-right:50px;padding-left:50px;transition: all 200ms ease-in;background:#2b2a29;position:fixed;}
    .Menu ul.menu-1.active { max-height: 100%; max-height: calc(100% - 48px); overflow: auto; overflow-x: hidden; min-height: 45px; top: 48px;  opacity: 1; transition: all 200ms ease-out; border-top: 1px solid #505050; padding-top: 9px; height: auto; padding-bottom: 16px; box-shadow: 0px 8px 86px 1px #000000; }
    .Menu a.respo-button { display: block; float: left; position: relative; width: 48px; height: 27px; top: 10px;left:-7px; }
    .Menu a.respo-button > span {position:absolute;z-index:100;min-height:3px;width:32px;left:7px;display:block;float:left;background:#ffffff;}
    .Menu a.respo-button > span:nth-child(1) {top:3px;}
    .Menu a.respo-button > span:nth-child(2) {top:9px;}
    .Menu a.respo-button > span:nth-child(3) {top:15px;text-align:center;color:#ffffff;font-size:10px;font-weight:bold;background:transparent;}
    .menuwrap-konf .Menu a.respo-button > span:nth-child(1) {background:#000000;}
    .menuwrap-konf .Menu a.respo-button > span:nth-child(2) {background:#000000;}
    .menuwrap-konf .Menu a.respo-button > span:nth-child(3) {color:#000000;}
    .Menu a.respo-button.active > span:nth-child(1) {transform:rotate(45deg);top:9px;}
    .Menu a.respo-button.active > span:nth-child(2) {transform:rotate(-45deg);}
    .Menu a.respo-button.active > span:nth-child(3) {top:24px;}
    .Menu li.right, .Menu li {float:left;margin:0px 12px 0px 0px;}
    .Menu li:nth-last-child(5) a { padding-right: 12px; }
    
    
    .Menu { width: 100%; margin-top: 0px;height: 48px;}
    .mw-tin .Menu div.search-li {top:0;}
    
    
    
}   
@media (max-width: 900px) {
    .Menu li.right, .Menu li { float: left; margin: 0; width: 25%; }
    .full-respo {width:100%;margin:0px 0px;padding:0;}
}
@media (max-width: 650px) {
    .Menu li.right, .Menu li {width: 50%; }
}
@media (max-width: 490px) {
    .Menu li.right, .Menu li {width: 100%;padding: 12px 0px;border-bottom:1px solid #505050; }
}





/* CLASS PRODUKT */

.richText .richText-toolbar ul li { width: auto; }
.richText .richText-initial { margin-bottom: -4px; padding: 10px; background-color: #282828; border: none; color: #3f3; font-family: Monospace,Calibri,Verdana,Helvetica,sans-serif; max-width: 100%; min-width: 100%; width: 100%; min-height: 400px; height: 400px; z-index: 99999999; position: relative; }
.slick-slider {margin-bottom:0;max-height:98vh;overflow:hidden;}
.bg-paralax { background-position: center 0px;background-size:100%;background-attachment:fixed;background-repeat:no-repeat;position:relative;background-color:#313131;}

.bg-paralax .txt { padding: 26px 32px; background: #000000; background: #00000066; position: absolute; bottom: 0px; left: 12%; right: 12%; width: auto; width: 18%; max-width: 320px; }
.bg-paralax .txt * {color:#ffffff;}


@supports ( -webkit-touch-callout : none) {
.bg-paralax {
background-attachment:scroll;
}
}

@supports not ( -webkit-touch-callout : none) {
.bg-paralax {
background-attachment: fixed;
}
}


.ProduktWrap { position: relative; padding-bottom: 32px; background: #e9e9e9; color: #2b2a29; background: linear-gradient(180deg, rgb(240 247 236) 0%, rgb(240 245 238) 35%, rgb(255 255 255) 100%); }
.NadpisWrap { position: static; height: auto; width: 100%; background: #ffffff; padding: 17px; margin-top: 0px; border-top: 0; }
.NadpisWrap, .NadpisWrap * { color: #404040; }

.Cena > div {width:50%;min-width:200px;}
.Cena > div.b1b { border: 0; border-right: 4px solid #6db64b; padding-right: 9px; }
.NadpisWrap .Cena {float:left;width:66.66%;}

.NadpisWrap .Cena * {color: #404040;}

.NadpisWrap .MiniPopis {float:left;width:33.33%;}

.NadpisWrap .MiniPopis, .NadpisWrap .MiniPopis * { font-size:13px;line-height:1.5; }

.SlideWrap .Nadpis { margin: 0; font-weight: 600; position: absolute; bottom: 0; left: 20%; background: #59af30; padding: 10px 16px; margin-bottom: 0; text-shadow: 1px 1px 2px black; width: auto; color: white; }
.SlideWrap .Slide {background: #2b2a29; padding: 0px 0px;}


@media (max-width: 2500px) {
    .SlideWrap .Nadpis {left:18%;}
}
@media (max-width: 2200px) {
    .SlideWrap .Nadpis {left:16%;}
}
@media (max-width: 1920px) {
    .SlideWrap .Nadpis {left:14%;}
}
@media (max-width: 1661px) {
    .SlideWrap .Nadpis {left:12%;}
}






@media (max-width: 1660px) {
    .SlideWrap .Nadpis {left:6%;}
}
@media (max-width: 1280px) {
    .SlideWrap .Nadpis { left: 48px; }
}
@media (max-width: 800px) {
    .SlideWrap .Nadpis { left: 24px; }
}
@media (max-width: 720px) {
    .Popis div, .Popis p, .Popis article {line-height:1.35;}
    .NadpisWrap .MiniPopis { float: left; width: 100%; }
    .NadpisWrap .MiniPopis article, .NadpisWrap .MiniPopis div, .NadpisWrap .MiniPopis, .NadpisWrap .MiniPopis p {font-size:16px;}
    .NadpisWrap .Cena { float: left; width: 100%; }
    
    .buttons-down { position: absolute; bottom: 0; left: auto; right: 12px; width: auto; text-align: center; padding: 4px; } 
    
    .buttons-down > a > span { padding: 4px; color: #ffffff; font-size: 11px; font-weight: 600; letter-spacing: -0.02em; }
    
       
}   
@media (max-width: 560px) {
    .ProduktWrap .Popis, .LeftWrap, .RozmerTable, .RozmerObrazek, .RightWrap { width: 100%;padding-left:0;padding-right:0px;}
    .LeftWrap  {padding-bottom:0;}
    .PopisWrap  {width:100%;padding-right:0px;}
    .PopisWrap .Popis, .PopisWrap .Edo {width:100%;padding-right:0px;}
    .Cena > div {padding-left:0;padding-right:0px;}
    .SlideWrap .slick-dots {display:none !important;}
}   
@media (max-width: 460px) {

}  

.slick-dots { width: 256px; text-align: right; bottom: 0px; margin: 0; left: auto; right: 20%; }

@media (max-width: 2500px) { .slick-dots { right: 18%; } }  
@media (max-width: 2200px) { .slick-dots { right: 16%; } }  
@media (max-width: 1920px) { .slick-dots { right: 14%; } } 
@media (max-width: 1660px) { .slick-dots { right: 6%; } } 
@media (max-width: 1280px) { .slick-dots { right: 48px; } } 


.slick-dots li { background: transparent; width: 100%; height: 32px; margin: 0; color: #ffffff; opacity: 0.7; width: auto; float: right; text-align: right; }
.slick-dots li.slick-active {opacity:1;}
.slick-dots li img {border:3px solid #ffffff;border-radius:0px;border:3px solid #ffffff;}
.slick-dots li.slick-active img {border:3px solid #5faf39;}
.slick-dots li span { float: none; }
.slick-dots li span span { padding-top: 7px;float:left;}
.slick-dots li:hover {opacity:1;}
.slick-dots li:hover img {opacity:0.5;}
.slick-dots li.slick-active:hover img {opacity:1;}

.slick-slide .bg-paralax img { display: block;}

.slick-dots {width:200px;}

.buttons-down { position: absolute; bottom: 0; left: 256px; right: 256px; width: auto; text-align: center; padding: 4px; }
.buttons-down > a { height: auto; width: auto; float: none; box-sizing: border-box; padding: 0; border-radius: 0; background: transparent; margin-right: 9px; transition: all 200ms ease-in; position: relative; display: inline-block; top: -5px; }
.buttons-down > a:nth-child(2) { background: #5fc131bd; border: 3px solid #5fc131; }
.buttons-down > a:hover {transition:all 300ms ease-out;background:#000000bd;z-index:1000;}
.buttons-down > a > img { width: 25px; float: left; padding: 3px; }
.buttons-down > a > span { width: auto; float: left; padding: 8px 14px 8px 0px; color: #ffffff; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; }
@media (max-width: 800px) {
    .buttons-down > a > span { padding: 4px 0px; color: #ffffff; font-size: 11px; font-weight: 600; letter-spacing: -0.02em; }
    .buttons-down > a { min-width: 126px; height: auto; width: auto; float: none; box-sizing: border-box; padding: 0; border: 2px solid #ffffff; border-radius: 0px; background: transparent; margin-right: 6px; transition: all 200ms ease-in; position: relative; display: inline-block; }
    .buttons-down > a > img { width: 17px; float: left; padding: 2px; }
    .buttons-down { position: absolute; bottom: -7px; left: auto; right: 68px; width: auto; text-align: center; padding: 4px; }
    .buttons-down > a:nth-child(2) { background: #5fc131bd; border: 2px solid #5fc131; }
} 

@media (max-width: 720px) {
    .Popis div, .Popis p, .Popis article {line-height:1.35;}
    .NadpisWrap .MiniPopis { float: left; width: 100%; }
    .NadpisWrap .MiniPopis article, .NadpisWrap .MiniPopis div, .NadpisWrap .MiniPopis, .NadpisWrap .MiniPopis p, .NadpisWrap .MiniPopis * {font-size:13px;}
    .NadpisWrap .Cena { float: left; width: 100%; }
} 
@media (max-width: 560px) {
        .buttons-down { right: 0; left: 0px; }
        .Cena > div {min-width:1px;}
        .SlideWrap .Nadpis { left: 0; font-size: 23px; padding: 0; background: transparent; color: #ffffff; bottom: 38px; text-align: center; width: 100%; }
        .Menu a { padding: 9px 12px 9px 0px; width: 100%; }
        
}   
@media (max-width: 500px) {

    
} 
@media (max-width: 384px) {
    .Cena .strong.fs5 {font-size:17px;letter-spacing:-0.01em;}
} 


.nice-table table {border:0;}
.nice-table table tr {border:0;border-bottom:1px solid #000000;border-bottom:1px solid #0000000f;background:transparent;margin:0;padding:0;}

.nice-table table tr:nth-last-child(1) {border-bottom:0;}
.nice-table table tr > td { border: 0; padding: 12px 8px; margin: 0; color: #404040; box-shadow: inset 0px -5px 7px -9px #0000005e; }
.nice-table table tr > td:nth-child(2), .nice-table table tr > td:nth-child(2) > b { font-weight: 600; text-align: right; padding-right: 0; color: #404040; }
.nice-table table tr > td:nth-last-child(1), .nice-table table tr > td:nth-last-child(1) > b { font-weight: 600; text-align: right; padding-right: 0; color: #404040; }
.nice-table table tr > td:nth-child(2) > b {color:#5faf39;}


.ProduktWrap > .Parametry.nice-table table {display:flex;flex-direction:row;gap:8px;width:100%;margin:32px 0px 14px;}
.ProduktWrap > .Parametry.nice-table table tbody {display:flex;flex-wrap:nowrap;flex-direction:row;gap:8px;width:100%;}
.ProduktWrap > .Parametry.nice-table table tr { flex: 1 1 auto; display: flex; flex-direction: column; padding: 9px 9px 9px 70px; background: #ffffff; box-sizing: border-box; border:0; }
.ProduktWrap > .Parametry.nice-table table tr > td {flex: 1 1 100%;display:flex;box-shadow: 0px 0px 0px 0px #000000;padding:0;color:#505050;}
.ProduktWrap > .Parametry.nice-table table tr > td:nth-child(1) {order:2;color:#9c9c9c;}
.ProduktWrap > .Parametry.nice-table table tr > td:nth-child(2) {order:1;font-size:24px;font-weight:900;}

.ProduktWrap > .Parametry.nice-table table tr:nth-child(1) {background: transparent url(../im/system/icon-dispozice.svg) no-repeat 0px center / 64px;}
.ProduktWrap > .Parametry.nice-table table tr:nth-child(2) {background: transparent url(../im/system/icon-uzitna-plocha.svg) no-repeat 0px center / 64px;}
.ProduktWrap > .Parametry.nice-table table tr:nth-child(3) {background: transparent url(../im/system/icon-drevostavba.svg) no-repeat 0px center / 64px;}
.ProduktWrap > .Parametry.nice-table table tr:nth-child(4) {background: transparent url(../im/system/icon-zdeny-dum.svg) no-repeat 0px center / 64px;}


.RozmerTable.nice-table table tr > td:nth-child(2), .RozmerTable.nice-table table tr > td:nth-child(2) > b {color: #404040;}

.RozmerTable.nice-table table tr > td { padding:8px 8px 11px; }

.RozmerTable.nice-table table tr:nth-child(odd) > td:nth-child(2) {}

.ProduktWrap .Popis {padding-right:32px;}

.Popis small { font-size: 11px; color: #505050; }
.Popis div, .Popis p, .Popis article { line-height: 1.4;  }  .Popis p, .Popis article, .Popis div {margin-bottom:12px;}
.ProduktWrapBottom {background:#f1f1f1;}
.Popis div.img {margin-bottom:0;}

.BcWrap.bc-abs { float: left; margin: 0; width: 100%; position: absolute; top: 48px; left: 0px; z-index: 2;text-align:center; }
.BcWrap { float: left; margin: 48px 0px 0px; padding-top: 8px; width: 100%; position: relative; z-index: 2; }
.KonfWrap .BcWrap { float: left; margin: 0px 0px 0px; padding-top: 1px; background: #5faf39; }
.no-shadow {box-shadow:0px 0px 0px 0px #000000;}
.Bc {float:left;margin:0;padding:0px;width:auto;}
.bc-ul {list-style:none;float:left;margin:0;padding:0px;width:100%;}
.BcWrap.bc-abs .bc-ul {text-align: center;}
.bc-ul > li {float:none;display:inline-block;margin:0;padding:0px;}
.bc-ul > li > a, .bc-ul > li > span { color: #404040; font-size: 11px; line-height: 12px; float: left; margin: 0; padding: 4px 4px 4px 24px; box-sizing: border-box; background: transparent url(../im/system/bc.svg) no-repeat 7px center / 10px; }
.bc-ul > li:nth-child(1) > a {background:transparent;padding:0px;}
.bc-ul > li > a > img {width:20px;height:20px;float:left;margin:0;border:0;}
.bc-ul > li > a {text-decoration:underline;}

.bc-white .bc-ul > li > a, .bc-white .bc-ul > li > span { color: #ffffff;background:transparent url(../im/system/bc-w.svg) no-repeat 7px center / 10px;}
.bc-white .bc-ul > li:nth-child(1) > a {background:transparent url(../im/system/home-w.svg) no-repeat 7px center / 16px;width:32px;}
.bc-white .bc-ul > li:nth-child(1) > a > img {opacity:0;}

.SlideWrap .Bc {float:none;}
@media (max-width: 560px) {
        .bc-ul > li {display:none;}
        .bc-ul > li:nth-last-child(2) {display:inline-block;}
        .bc-ul > li:nth-last-child(2) > a {background:transparent url(../im/system/bc-back.svg) no-repeat 0px center / 10px;padding-left:13px;}
        .bc-ul {text-align:center;}
}
.Share {float:right;width:auto;}
.share-box > span {padding-top:4px;}
.soc-icon {margin-left:4px;}

.bcwrap-black {margin:0 0 24px 0;}
/*.bcwrap-black .bc-ul > li > a, .bcwrap-black .bc-ul > li > span {color:#ffffff;background-image:  url(../im/system/bc-w.svg); }   
.bcwrap-black .bc-ul > li:nth-child(1) > a > img {opacity:0;}
.bcwrap-black .bc-ul > li:nth-child(1) > a  {background: transparent url(../im/system/home-w.svg) no-repeat left center / 20px;}  */
.bcwrap-black .share-box img {}

.Middle {margin-top:48px;padding-bottom: 48px;}
.Hmenu {width:20%;width:calc((100% - 900px) / 2);}
.Middle.c6 {padding-left:20%;padding-right:20%;padding-left:calc((100% - 900px) / 2);padding-right:calc((100% - 900px) / 2);width: 100%;}
.Middle.c6 .Nadpis {margin-top:0;}
.Middle.m0t { margin-top: 0px; border-top: 4px solid #000000; background: #eeece2; }
.Hmenu { position: fixed; left: 0px; bottom: 0;top:0;margin:auto 0px; z-index: 100; overflow: auto; padding-right: 0; padding-left: 0px; text-align: right; border-right: 0; box-shadow: inset -32px 0px 22px -44px #000000; background: #ffffff; right: 0px; max-height: 60vh; border-top: 1px solid #0000000d; }
.Hmenu > div > a { display: block; float: left; box-sizing: border-box; width: 100%; padding: 7px 9px; font-size: 12px; color: #313131; letter-spacing: -0.03em; font-weight: 600; border-bottom: 1px solid #efefef; border-bottom: 1px solid #0000000d; }
.Hmenu > div > a.active {color:#5faf39;background: transparent url(../im/system/arr-right.svg) no-repeat right center / 31px; padding-right:32px;}



.respo-800-show {display:none;}

@media (max-width: 1000px) {

  .scroll-nav {position:fixed;top:-110%;left:0%;right:0;max-height:90%;max-height:calc(100% - 72px);overflow:auto;overflow-x:hidden;background:#ffffff;box-shadow: 0px 8px 86px 1px #000000;}
  .scroll-nav.active {top:72px;}
    .Hmenu { width: 0; height: 0; left: 110%; }
  .respo-800-show {display:block;}
  .scroll-nav-button { position: fixed; top: 48px; z-index: 999; left: 0px; right: 0px; box-sizing: border-box; padding: 7px 1px; text-align: center; background: #ffffff; border-bottom: 1px solid #313131; }
  .scroll-nav-button > span { position: relative; width:100%; padding-left: 26px; display: block; margin: 0 0 0 18px; box-sizing:border-box;}
  .scroll-nav-button > span > span {display:block;transition:all 100ms ease-in;}
  .scroll-nav-button.active > span > span {transition:all 100ms ease-out;}
  .scroll-nav-button > span > span:nth-child(1) {position:absolute;top:4px;left:2px;width:18px;height:2px;background:#313131;}
  .scroll-nav-button > span > span:nth-child(2) {position:absolute;top:10px;left:2px;width:18px;height:2px;background:#313131;}
  .scroll-nav-button > span > span:nth-child(3) { float: left; color: #313131; font-size: 10px; text-transform: uppercase; line-height: 11px; padding: 4px 0px 4px; font-weight: bold;float:left;display:block;overflow:hidden;box-sizing:border-box; max-height:24px;}
  .scroll-nav-button.active > span > span:nth-child(1) {transform:rotate(45deg);top:9px;}
  .scroll-nav-button.active > span > span:nth-child(2) {transform:rotate(-45deg);top:9px;}
  .scroll-nav-button.active > span > span:nth-child(3) {}
  .Footer {z-index:1;}  .Hmenu {z-index:1000;}
  .scroll-nav-mt {margin-top:72px;padding-bottom:5px;}
}


@media (max-width: 1336px) {
    .Hmenu {width:calc((100% - 700px) / 2);}
    .Middle.c6 {padding-left:calc((100% - 700px) / 2);padding-right:calc((100% - 700px) / 2);}
}
@media (max-width: 1000px) {
    .Hmenu {width:220px;}
    .Middle.c6 {padding-left:48px;padding-right:48px;}
}
@media (max-width: 800px) {
    .Middle.c6 {padding-left:48px;padding-right:48px;}
    .white-box {padding:12px;}
}
@media (max-width: 680px) {
    .Middle.c6 {padding-left:20px;padding-right:20px;}
    .white-box .c6 {width:100%;padding-left:0;padding-right:0;margin-left:0px;margin-right:0px;}
}
@media (max-width: 500px) {
    .Middle.c6 {}
    
}






.Footer {position:relative;z-index:11000;background:#2b2a29;padding-bottom:64px;}
.Footer, .Footer * {color:#ffffff;}
.Footer input[type='text'], .Footer textarea, .Footer select { background: #444444; border: 0; }
.Footer .label input[type="checkbox"] + span {color:#ffffff;}
.Footer .b1r {border-right:1px solid #505050;}
.Footer .b1t {border-top:1px solid #505050;}
.Footer .cg {color:#54af44;}
.copyr { border-top: 1px solid #505050; font-size: 10px; text-align: center; padding-top: 32px; padding-bottom: 32px; color: #54af44; } 

.scroll-wrap .scroll-wrap > p, .scroll-wrap > article, .scroll-wrap > ul, .scroll-wrap > ol, .scroll-wrap > h1, .scroll-wrap > h2, .scroll-wrap > h3, .scroll-wrap > h4, .scroll-wrap > h5, .scroll-wrap > h6  {float:left;
display:block;width:100%;box-sizing:border-box;margin:0;}
.middle-img {box-sizing:border-box;padding:12px;border:1px solid #eeeeee;margin-top:12px;margin-bottom:12px;height:45vh;max-height:320px;position:relative;overflow:hidden;}
.middle-img > img {position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;max-width:120%;max-height:120%;}

.Magazin {background:#f1f1f1;}

.cikcak { position: relative; width: 100%; overflow: hidden; margin-bottom: 24px; box-shadow: -1px 0px 12px -9px #000000; float: left; background: #5faf39; color: #ffffff; 
background: linear-gradient(130deg, rgba(0,0,0,1) 0%, rgba(49,49,49,1) 35%, rgba(75,75,75,1) 100%); }
.cikcak { background: #ffffff;color:#313131; }
.cikcak .text { line-height:1.25;position: relative; float: left; width: 50%; padding: 24px; font-size: 12px; margin: 0; position: static; top: 50%; left: 0; 
/*-ms-transform: translate(0%, -50%); transform: translate(0%, -50%);*/ }
.cikcak .img { position: relative; float: right; width: 35%; background: #ffffff; }
.cikcak .img:before {content:'';display:block;float:left;width:100%;padding-top:100%;}
.mw-tin .cikcak .img:before { padding-top: 72%; }
.cikcak .img img {width:auto;float:left;margin:0;border:0;position:absolute;margin:auto;left:0;right:0;bottom:0;top:0;max-width:100%;max-height:100%;}

.cikcak .text * {line-height:1.3;}

.cikcak .cikcak-slide {position:relative;float:right;width:50%; overflow:hidden;background: #ffffff;}
.cikcak .cikcak-slide .slick-slide {position:relative;}
.cikcak .cikcak-slide .slick-slide:before {content:'';display:block;float:left;width:100%;padding-top:100%;}
.cikcak .cikcak-slide img {width:auto;float:left;margin:0;border:0;position:absolute;margin:auto;left:0;right:0;bottom:0;top:0;max-width:100%;max-height:100%;}
.cikcak .sl-left {border-radius:64px;cursor:pointer;position:absolute;bottom:12px;left:12px;width:64px;height:64px;z-index:11;background:transparent url('../im/system/arr-left.svg') no-repeat center center / 64px;background-color:#ffffff6e;}
.cikcak .sl-right {border-radius:64px;cursor:pointer;position:absolute;bottom:12px;right:12px;width:64px;height:64px;z-index:11;background:transparent url('../im/system/arr-right.svg') no-repeat center center / 64px;background-color:#ffffff6e;}


/*.cikcak:nth-child(odd) .text { left: 35%; right: 0; -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);width:65%; }*/
.cikcak:nth-child(odd) .img {float:left;}
.cikcak:nth-child(odd) .cikcak-slide {float:left;}


.cikcak.cak .text {}
.cikcak.cak .img {}
.cikcak .img img {}

.cikcak ol {padding: 0px 0px 0px 24px;}
.cikcak li { padding: 5px 12px 5px 6px; }
.cikcak li::marker {font-weight:800;color: #5faf39; font-size: 20px;}

.cikcak h2, .Popis h2, .Popis h3,  .popis h2, .popis h3 { font-size: 16px; font-weight: 800; margin: 6px 0 10px; padding: 6px 0px 6px; text-transform: uppercase; position: relative; }
.cikcak h2:before { content: ''; display: block; position: absolute; left: 0; bottom: -2px; height: 4px; width: 38px; background: #5faf39; }
.tc .cikcak h2:before, .cikcak.tc h2:before {left:0;right:0;margin-left:auto;margin-right:auto;}

.cikcak .text a {color: #5faf39;font-weight:800;letter-spacing:0.03em;text-decoration:underline;}

.mw-tin .cikcak .img.r169:before,
.cikcak .cikcak-slide.r169 .slick-slide:before { padding-top: 56.25%; background: #000000; }
/*.bg1 .cikcak ul li,.bg1 .white-box ul li,.bg1 .Popis ul li {color:#ffffff;}
.bg1 .cikcak .cikcak-slide .slick-slide {background-color: #404040;}   */


@media (max-width: 1180px) {
    /*.cikcak .img { position: relative; float: right; width: 50%; background: #ffffff; }
    .cikcak:nth-child(odd) .text, .cikcak .text { left: 50%; width:50%; }*/
}

@media (max-width: 900px) {
    .cikcak:nth-child(odd) .text, .cikcak .text { left: 50%; width: 50%; padding: 0 12px; }
}

@media (max-width: 768px) {
    .cikcak:nth-child(odd) .text, .cikcak .text { left: 0; width: 100%; transform: translate(0%, 0%);position:static;float:left;margin:0;padding:20px;}
    .cikcak:nth-child(odd) .img, .cikcak .img { left: 0; width: 100%; transform: translate(0%, 0%);position:static;float:left;margin:0;padding:0;} 
    .cikcak .cikcak-slide {width:100%;}
}


.scrollertop { position: fixed; left: 0; right: 0; bottom: 5px; margin: 0px auto; height: 32px; width: 32px; border-radius: 32px; background: #ffffff; box-shadow: inset 0px -3px 2px -2px #c3c3c3, 0px -3px 7px -3px #000000; overflow: hidden; z-index: 10345; border: 1px solid #cacaca; }
.scrollertop img {float:left;border:0;margin:0;width:16px;height:16px;padding:8px;}


.half-box {}
.half-box > div.c6 { padding-right: 24px;  padding-bottom: 12px; }
.half-box > div.c6:nth-child(2) {padding-left: 16px;}

.half-box > div > div.c6 {padding-right:20px;}

.half-box > div.c6.img {float:left;}
.half-box > div.c6.img img { width: 100%; float: left; margin: 0; padding: 4px; border: 1px solid #eeeeee; border-radius: 5px; }

.s-kulickou {position:relative;padding-bottom:24px;margin-bottom:24px;}
.s-kulickou:after {content:'';display:block;position:absolute;left:0px;right:0px;bottom:-4px;width:10px;height:10px;background:#313131;margin: 0 auto;border-radius:32px;}

.scroll-wrap {padding:0px 9px 0px 9px;}

.popis-stin { box-shadow: 0px 0px 36px -28px #000000; background: #ffffff; border-radius: 4px; border: 0; border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 12px 18px; margin-top: 3px; margin-bottom:32px; }

.Popis a, .popis a { color:#5faf39;font-weight:600;text-decoration:underline; }
.Popis a.submit, .popis a.submit { color:#ffffff;text-decoration:none;display:inline-block; }


.video-tel { padding-top:24px;background:transparent url('../im/system/zed.jpg') no-repeat center bottom / cover; min-height:80vh; position:relative;}

.ButtonDown { position: relative; bottom: 0; left: 0; width: 100%; z-index: 1100; text-align: center; margin-top: 43px; }
.button-down { display: inline-block; margin: 0 auto 32px; width: auto; z-index: 1100; color: #ffffff; background: #5faf39 url(../im/system/more-w.svg) no-repeat center 8px / 20px; padding: 35px 8px 9px; font-weight: 800; width: 72px; height: 72px; box-sizing: border-box; border-radius: 72px; box-shadow: 0px 19px 21px -18px #000000; }

.tv { position: relative; width: 50%; margin: 0 25%; float: left; box-shadow: 0px 19px 61px -27px #000000; overflow: hidden; }
.tv:before {content:'';display:block;float:left;padding-top:58%;width: 100%;}
.tv:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url('../im/system/tv.png') no-repeat left top / 100%;z-index:299;pointer-events:none;}
.tv > iframe {position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:199;}

.green-box a {color:#ffffff;font-weight:bold;}

.white-box p, .green-box p, .silver-box p, .cikcak .text p {margin: 0 0 12px;}
.white-box h2, .green-box h2, .silver-box h2,
.white-box h3, .green-box h3, .silver-box h3 {font-size:16px;font-weight:800;margin:0 0 6px;padding:0 0 6px;text-transform:uppercase;position:relative;}

.white-box { text-align: center; padding: 32px; position: relative; width: 100%; overflow: hidden; margin-bottom: 24px; box-shadow: -1px 0px 12px -9px #000000; float: left; background: #ffffff; color: #313131; background: linear-gradient(130deg, rgba(255,255,255,1) 0%, rgb(243 243 243) 35%, rgb(255 255 255) 100%); }
.white-box.left {text-align:left;}
.white-box h2 {padding:0px;margin:0 0 20px;}

.green-box { position: relative; text-align: center; padding: 32px 32px 32px; position: relative; width: 100%; overflow: hidden; margin-bottom: 24px; box-shadow: -1px 0px 12px -9px black; float: left; background: #5faf39; color: #ffffff; background: linear-gradient(130deg, rgb(83 143 54) 0%, rgb(95 175 57) 35%, rgb(82 142 53) 100%); line-height: 1.5; }
.Popis .green-box ul li, .Popis .green-box ul li  * {color:#ffffff;}
.green-box h2 {padding:0px;margin:0 0  20px;}
.green-box.ico-ok-w:before {content:'';display:block;margin:0;background:transparent url('../im/system/ico-ok-w.svg') no-repeat center center / 64px;width:100%;height:64px;}
.green-box.ico-ok-w {}

.green-box.ico-srdce-w:before {content:'';display:block;margin:0;background:transparent url('../im/system/ico-srdce-w.svg') no-repeat center center / 64px;width:100%;height:64px;}
.green-box.ico-srdce-w {}

.silver-box { text-align: center; padding: 32px; position: relative; width: 100%; overflow: hidden; margin-bottom: 24px; float: left; background: #f1f1f1; color: #313131; }
.silver-box.left {text-align:left;}
.silver-box h2 {padding:0px;margin:0 0 20px;}

.cikcak ul, .white-box ul, .Popis ul, .popis ul {list-style:none;margin:0;padding:0 12px 12px 0px;}
.cikcak ul li, .white-box ul li, .Popis ul li, .popis ul li { background: transparent url(../im/system/li.svg) no-repeat left 2px / 16px;padding: 2px 8px 2px 20px;color: #313131; line-height: 1.3;}



.white-box li {text-align:justify;}
.white-box li {text-align:left;}


.RefSeznam {}
.ref-item { width: 48%; float: none; display: inline-block; margin: 0px 2% 4% 0px; padding: 32px 52px 0px; min-height: 192px; position: relative;  vertical-align: top;}
.ref-item:nth-child(2n) {margin:0px 0px 4% 2%;}
.ref-text {font-style:italic;float:left;width:100%;color:#505050;line-height:1.3;}
.ref-name {font-size:13px;float:left;width:100%;color:#505050;line-height:1.3;text-align:right;padding-top:12px;}



.ref-item:before {width:32px;height:32px;left: 0; bottom: 0; content: '';display:block;position:absolute;font-size:20px;background:transparent url('../im/system/uvozovka1.png') no-repeat left top / 32px;}
.ref-item:after {width:32px;height:32px;right: 0; top: 0; content: '';display:block;position:absolute;font-size:20px;background:transparent url('../im/system/uvozovka2.png') no-repeat left top / 32px;}

.produkt-item {position:relative;}
.produkt-item-img {}
.produkt-item-img:nth-child(2) {position:absolute;z-index:99;top:0;left:0;width:100%;opacity:0;transition:all 250ms linear;}
.produkt-item:hover .produkt-item-img:nth-child(2) {opacity:1;} 
.produkt-item-img img {    border: 1px solid #ffffff; box-sizing: border-box;}
.produkt-item-popis { position: absolute; z-index: 199; bottom: 0; left: 0; width: 100%; max-height: 100%; background: #ffffff; }
.produkt-item-popis, .produkt-item-popis * { color: black; }
                                                                                /*2 mezery, 3 itemy */                                            
.produkt-item {width:31.83%;margin:0px 0.75% 1.5%;  width: calc(33.33% - (24px * 2 / 3 )); margin:0px 24px 24px 0px; box-shadow: 0px 3px 9px -6px #000000; }
.produkt-item:nth-child(3n) {margin:0px 0px 24px 0px; }

@media (max-width: 1024px) {
    .ref-item {width:98%;}
    .SeznamProdukt .produkt-item {width:47%;width: calc(50% - (24px * 1 / 2 ))}
    .SeznamProdukt .produkt-item:nth-child(3n) {margin: 0px 24px 24px 0px;}
    .SeznamProdukt .produkt-item:nth-child(2n) {margin: 0px 0px 24px 0px;}    
    .Podobne .produkt-item, .Info .produkt-item, .Mag .produkt-item {width:47%;width: calc(50% - (24px * 1 / 2 ))}
    .Podobne .produkt-item:nth-child(3n), .Info .produkt-item:nth-child(3n), .Mag .produkt-item:nth-child(3n)  {margin: 0px 24px 24px 0px;}
    .Podobne .produkt-item:nth-child(2n), .Info .produkt-item:nth-child(2n), .Mag .produkt-item:nth-child(2n)   {margin: 0px 0px 24px 0px;}     
}
@media (max-width: 640px) {
    .SeznamProdukt .produkt-item {width:100%;margin: 0px 0px 24px 0px;}
    .SeznamProdukt .produkt-item:nth-child(3n) {margin: 0px 0px 24px 0px;}
    .SeznamProdukt .produkt-item:nth-child(2n) {margin: 0px 0px 24px 0px;}    
    .Podobne .produkt-item, .Info .produkt-item, .Mag .produkt-item   {width:100%;margin: 0px 0px 24px 0px;}
    .Podobne .produkt-item:nth-child(3n), .Info .produkt-item:nth-child(3n), .Mag .produkt-item:nth-child(3n)   {margin: 0px 0px 24px 0px;}
    .Podobne .produkt-item:nth-child(2n), .Info .produkt-item:nth-child(2n), .Mag .produkt-item:nth-child(2n)   {margin: 0px 0px 24px 0px;}     
}

@media (max-width: 960px) {
    .half-box > .c6, .half-box > .c6.img {width:100%;padding:20px 0px;margin:0;}
    .half-box > div.c6:nth-child(2) {width:100%;padding:20px 0px;margin:0;}
    .half-box > div.c6.img img {width:100%;margin:0;box-sizing:border-box;}
}


.Magazin {padding-bottom:48px;}
.Magazin .produkt-item {margin:0;width:auto;}
.Magazin .produkt-item:nth-child(3n) {margin: 0px 0px 0px 0px;}
.Magazin .produkt-item:nth-child(4n) {margin: 0px 0px 0px 0px;}

.Magazin .slick-dots { top: 0; bottom: auto; width: 100%; text-align: center; z-index: 999; right: 0; }
.Magazin .slick-list {margin-top:36px;}
.Magazin .slick-dots > li {width:16px;height:16px;margin:0px 4px;float:none;display:inline-block;opacity:1;}
.Magazin .slick-dots > li > button {width:16px;height:16px;margin:0;}
.Magazin .slick-dots li button:before {border:3px solid #313131;width:16px;height:16px;border-radius:36px;box-sizing:border-box;opacity:1;}
.Magazin .slick-dots li.slick-active button:before { opacity: 1; color: #313131; background:#313131; }

.Footer .fs2 {margin-left:12px;}
@media (max-width: 1024px) {
    .footer-half {padding:20px;}
}
@media (max-width: 800px) {
    .footer-half {width:100%;padding:32px 0px 20px;border:0;}
    .Footer .b1r { border: 0; border-bottom: 1px solid #505050; }
}
@media (max-width: 600px) {
    .footer-link {box-sizing:border-box;padding:8px;}
}
@media (max-width: 500px) {
    .footer-half > .c6 { width: 100%; margin: 0; padding: 9px 0 0px; }
    .footer-link {width:100%;}
    .Footer .c4 {width:100%;padding-bottom:20px;}
}




.produkt-item > .bgs { color: #404040; margin-top: -1px; }
.produkt-item > .bgs article { color: #2b2a29; letter-spacing: 0.02em; }
.mw-tin .produkt-item > .bgs article {height:80px;}

.produkt-item-buttons { text-align: center; padding: 10px 0px; }
.produkt-item-buttons a { padding: 7px 8px 7px 24px; display: inline-block; margin: 0px 2px 3px; text-transform: uppercase; background-color: #313131; border-radius: 32px; }
.produkt-item-buttons a, .produkt-item-buttons a * {color:#ffffff;}
.produkt-item-buttons a:nth-child(2) {padding: 7px 24px 7px 12px; background-color:#5faf39;}

.Info .produkt-item-buttons a { padding: 7px 12px 7px 24px; display: inline-block; margin: 18px 2px; text-transform: uppercase; background-color: #313131; border: 1px solid #eeeeee; border-radius: 24px; }
.Info .produkt-item-popis { background: #ffffff;width:100%;}
.Info .produkt-item-popis h2, .Info .produkt-item-popis h3 { width:100%;font-size:14px;font-weight:600; text-transform:uppercase;}

.Mag .produkt-item-buttons a { padding: 7px 12px 7px 24px; display: inline-block; margin: 18px 2px; text-transform: uppercase; background-color: #313131; border: 1px solid #eeeeee; border-radius: 24px;transition: all 250ms linear; }
.Mag .produkt-item-buttons a:hover {background-color:#5faf39;}
.Mag .produkt-item-popis { background: #ffffffde;width:100%;}
.Mag .produkt-item-popis h2, .Mag .produkt-item-popis h3 { width:100%;font-size:14px;font-weight:600; text-transform:uppercase;}

.autor-info { background: #cfcfcf; padding: 4px; border-radius: 30px; overflow: hidden; }
.Autor, .Datum {border-bottom:1px solid #eeeeee;}
.autor-info .ico-time-w, .autor-info .ico-autor-w {width:auto;}
.autor-info .ico-time-w {float:right;}

.Podobne .slide-3 {padding:0px 0px;}
.Podobne .slide-3 .produkt-item { margin: 0; width: auto; border: 0; border-radius: 22px; padding: 2px; box-shadow: 0px 0px 0px 0px #ffffff; overflow: hidden; }
.Podobne .sl-left {cursor:pointer;position:absolute;bottom:0px;left:-32px;width:32px;z-index:111;background:transparent url('../im/system/arr-left.svg') no-repeat left center / 32px;top: 39px;}
.Podobne .sl-right {cursor:pointer;position:absolute;bottom:0px;right:-32px;width:32px;z-index:112;background:transparent url('../im/system/arr-right.svg') no-repeat right center / 32px;top: 39px;}
.Podobne .slide-3.slick-slider .slick-list {}

.Info {padding-top:32px;padding-bottom:48px;}

.Podobne { padding: 0; margin-bottom: 72px; margin-top: 24px; }
.Podobne .slick-dots { top: 0; bottom: auto; width: 100%; text-align: center; z-index: 9999; right: 0; }
.Podobne .slick-list {margin-top:36px;}
.Podobne .slick-dots > li {width:16px;height:16px;margin:0px 4px;float:none;display:inline-block;opacity:1;}
.Podobne .slick-dots > li > button {width:16px;height:16px;margin:0;}
.Podobne .slick-dots li button:before {border:3px solid #313131;width:16px;height:16px;border-radius:36px;box-sizing:border-box;opacity:1;color:#ffffff;content: '';}
.Podobne .slick-dots li.slick-active button:before { opacity: 1; color: #313131; background:#313131; }


.produkt-item .price { position: absolute; bottom: 6px; right: 12px; font-size: 19px; }
@media (max-width: 1024px) {
    .Podobne {padding: 0px 0px 12px; margin-bottom: 32px; margin-top: 32px; }

}

.FiltrProdukt {text-align:center;vertical-align:top;background: #ffffff; }
.a-check {float:left;text-align:left;background: transparent url('../im/system/filtr-a.svg') no-repeat left center / 20px; padding:4px 6px 4px 24px;box-sizing:border-box;color:#999999;transition:all 250ms linear;margin:0px 2px 2px 0px;}
.a-check.active {background-image: url('../im/system/filtr-a-active.svg'); font-weight: 600;color: #404040; }
.a-check:hover {color: #404040;}
.a-check-parent {width:200px;display:inline-block;margin:24px 12px;vertical-align:top;}
.a-check-title {font-size:18px;font-weight:600;text-align:left;}

.line-down {padding-bottom:12px;margin-bottom: 12px;position:relative;}
.line-down:before {content:'';display:block;position:absolute;left:0;bottom:-2px;height:4px;width:38px;background:#5faf39;}


.OrderProdukt { text-align: center; box-shadow: inset 0px 4px 14px -16px #000000; padding-bottom:24px;}
.OrderProdukt a { float: none; width: auto; display: inline-block; color: #313131; font-size: 13px; margin: 0px 4px; padding: 10px 14px; position: relative; top: 1px; border-radius: 4px 4px 0px 0px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.05em; }
.OrderProdukt a.active { background: #ffffff; font-weight: 600; box-shadow: 0px 0px 16px -12px #000000; color: #5faf39; border-radius: 28px; }


@media (max-width: 800px) {
    .OrderProdukt a, .OrderProdukt a.active { padding: 9px 5px; margin: 0px 4px; letter-spacing: -0.02em; }
}
@media (max-width: 680px) {
    .OrderProdukt a, .OrderProdukt a.active { padding: 7px 5px; margin: 0px 2%; letter-spacing: -0.02em; width: 100%; box-sizing: border-box; float: left; margin: 0; }
}

@media (max-width: 500px) {
    .KonfForm > div > div { width:100%; }
    .KonfForm > div form  { width:100%;padding:24px 0px; }
}

.SeznamProdukt, .OrderProdukt {background:#f1f1f1;}

.KatalogHead { background: #000000 url(../im/system/bg1.jpg) no-repeat center 0 / 100%; background-attachment: fixed; }

.KatalogHead {padding-top: 32px;padding-bottom:12px;}
.KatalogHead .Nadpis, .KatalogHead .Popis {padding-left:20%;padding-right:20%;}


@media (max-width: 800px) {
.KatalogHead .Nadpis, .KatalogHead .Popis { padding-left: 13%; padding-right: 13%; }
}
@media (max-width: 640px) {
.KatalogHead .Nadpis, .KatalogHead .Popis { padding-left: 20px; padding-right: 20px; }
}
@media (max-width: 500px) {
.KatalogHead .Nadpis, .KatalogHead .Popis { margin: 0; }

}
.KatalogHead, .KatalogHead * {color:#ffffff;}

.MenuRady { text-align: center; padding-bottom: 12px;display:flex;flex-wrap:wrap; gap:20px;position:relative;padding-top:19px;}
.MenuRady > div { flex:1 1 360px;float: none; margin: 0px; padding: 0px;position:relative;overflow:hidden; background:#54af44;}
.MenuRady > div a img {transition:all 150ms linear;opacity:0.5;} 
.MenuRady > div:hover {background:#000000;}
.MenuRady > div:hover a img {opacity:0.3;}
.MenuRady h2 {color:#ffffff;text-align:left;padding:20px;margin:0px;position:absolute;z-index:999;left:0;top:0;}
.MenuRady .box-popis {text-align:left;position:absolute;z-index:999;left:0;bottom:0;padding:20px;height:auto;}
.MenuRady h2, .MenuRady .box-popis {pointer-events:none;}

.MenuRady .ico-more-w { display:none;background-color: #54af44; border-bottom: 3px solid #39872b; padding: 3px 8px 4px 32px; position: absolute; bottom:-12px; right: 0; z-index: 2000; }

.box-popis {color:#ffffff;margin-bottom:0px;}


.menu-rady-hp {background:#313131;padding-bottom:19px;}



.SlovaLeft { padding-right: 16%; text-align: left; }
.SlovaJednatelu { padding-top: 32px; padding-bottom: 32px; background: transparent url(../im/system/logolight.svg) no-repeat center center / 99%; background-attachment: fixed; background-size: calc(100% - 96px); }
.Jednatel { max-width: 310px; float: right; padding-left: 32px; }
.Jednatel img { border-radius: 600px; background: #f1f1f1; padding: 20px; }

@media (max-width: 1080px) { .Jednatel { max-width: 40%; float: right; padding-left: 0; width: 40%; margin-top:20px; } }
@media (max-width: 800px) { 
    .SlovaLeft { padding-right: 0%; } 
    .SlovaJednatelu { background-size: calc(100% - 40px); }

}
@media (max-width: 560px) { .Jednatel { max-width: 46%; width: 46%;} }
@media (max-width: 480px) { .Jednatel,.SlovaLeft { max-width: 100%; width: 100%;} .Jednatel {padding: 0px 4% 20px; } } 
@media (max-width: 380px) { .Jednatel { padding: 0px 4% 20px; }   }

.Kapacity {padding-top:32px;padding-bottom:32px;min-height:200px;}

.MapaWrap { padding-top: 32px; padding-bottom: 48px; background: #ffffff url(../im/system/mapa.jpg) no-repeat right center / 63%; }

.StrankovaniProdukt { text-align:center;padding:24px 0px;border-top:1px solid #eeeeee;}
.StrankovaniProdukt .paging-a { float: none; min-width: 38px; height: 38px; padding: 8px 0px; text-align: center; display: inline-block; border-radius: 38px; overflow: hidden; margin: 0px 3px; box-sizing: border-box; color: #313131; border: 4px solid #313131; font-size: 12px; font-weight: 600; width: auto; }
.StrankovaniProdukt .paging-a.p3r.p3l {padding-left:12px;padding-right:12px;}
.StrankovaniProdukt .paging-a.active { background: #313131; color: #ffffff; background: linear-gradient(262deg, rgb(115 115 115) 0%, rgba(49,49,49,1) 47%, rgb(123 123 123) 100%); }

a.galerie-click {display:inline-block;overflow:hidden;position:relative;width:100%;background:#f1f1f1;}
a.galerie-click:before {padding-top:75%;content:'';display:block;float:left;width:100%;}
a.galerie-click:after {padding-top:75%;content:'';display:block;width:100%;position:absolute;left:0;right:0;bottom:0;top:0;opacity:0;transition:all 250ms ease-in;z-index:10;background: #000000 url('../im/system/ico-lupa-w.svg') no-repeat center center / 64px;background-color:#00000099;}
a.galerie-click:hover:after {opacity:1;transition:all 150ms ease-out;}
a.galerie-click img {position:absolute;width:auto;height:auto;left:0;right:0;bottom:0;top:0px;margin:auto;max-width:125%;max-height:150%;z-index:9;border:0;padding:0;}


.galerie-click-wrap a { background: transparent; width: 33.33%; float: left; background: #cfccc0; box-shadow: inset -11px 13px 18px -25px #000000; }
.galerie-click-wrap a img { max-width: 100%; max-height: 100%; margin: auto; left: 0; top: 0; }
.galerie-click-box { background: #313131; background: #000000c7; color: #ffffff; position: fixed; top: 48px; left: 0px; bottom: 0px; right: 0px; z-index: 11999;opacity:1;transition: all 100ms linear; }
.galerie-click-box.closed {opacity:0;}
.galerie-click-box .galerie-click-close { cursor: pointer; height: 32px; width: 100%; background: #505050 url(../im/system/ico-close-w.svg) no-repeat center center / 32px; position: relative; z-index: 10000; }
.galerie-click-box .type-galerie {position:absolute;top:32px;left:0px;bottom:0px;right:0px;}
.galerie-click-box .type-galerie .type-galerie-img {height:90vh;height:calc(100vh - 64px);position:relative;}
.galerie-click-box .type-galerie .type-galerie-img img {position:absolute;top:0px;left:0px;bottom:0px;right:0px;max-width:100%;max-height:100%;margin:auto;box-shadow: 0px 0px 80px -20px #000000;}
.galerie-click-box .sl-left {cursor:pointer;position:absolute;left:0px;width:64px;height:32px;top:0;z-index:11100;background:transparent url('../im/system/arr-left-w.svg') no-repeat center 0px / 32px;}
.galerie-click-box .sl-right {cursor:pointer;position:absolute;right:0px;width:64px;height:32px;top:0;z-index:11200;background:transparent url('../im/system/arr-right-w.svg') no-repeat center 0px / 32px;}
.galerie-click-box .slick-dots li { height: 26px;width:auto;float:none;display:inline-block; }
.galerie-click-box .slick-dots { width: 100%; text-align: center; bottom: 0px; margin: 0; left: 0; right: 0; top: auto; }
.galerie-click-box .slick-slider {max-height:100vh;max-height:calc(100vh - 32px);}
.galerie-click-box .slick-dots li img { border: 1px solid #313131; }
.galerie-click-box .slick-dots li.slick-active img { border: 1px solid #5faf39; }


.Mapa a.galerie-click img {max-width:100%;max-height:100%;}
.Mapa a.galerie-click {background:#ffffff;}

.GalerieProc a.galerie-click {width:48%;margin:0px 0px 2% 2%;}
.GalerieProc a.galerie-click:before, .GalerieProc a.galerie-click:after {padding-top:50%;}
.GalerieProc a.galerie-click img {}

.Galerie {margin: 32px 0px;}
.Galerie a.galerie-click {width:31.33%;margin:0px 1% 2% 1%;}
.Galerie a.galerie-click:before, .Galerie a.galerie-click:after {padding-top:50%;}
.Galerie a.galerie-click:nth-child(1), .Galerie a.galerie-click:nth-child(2) {width:48%;}
.Galerie a.galerie-click:before {padding-top:47.5%;}
.Galerie a.galerie-click img {min-width:100%;max-height:300%;}

.KdeObrazek a.galerie-click {background:transparent;}
.KdeObrazek a.galerie-click:before { padding-top: 58%; }
.KdeObrazek a.galerie-click img {max-width:100%;max-height:100%;}

.ProcSnami h3 { font-weight: 600; padding-top: 36px; color: #5faf39; }
.RefSilverBox {margin-top:32px;}

.KdeLeft { margin-top: 64px; width: 100%; min-height: 80vh; background: #ffffff url(../im/system/mapa.jpg) no-repeat right top / 64%; padding-right: 50%; padding-top: 144px; }
@media (max-width: 1080px) {
.KdeLeft { margin-top: 64px; width: 100%; min-height: 80vh; background: #ffffff url(../im/system/mapa.jpg) no-repeat right top / 64%; padding-right: 60%; padding-top: 144px; }
}
@media (max-width: 768px) {
.KdeLeft { margin-top: 0px;padding-top:0; width: 100%; min-height: 80vh; background: #ffffff url(../im/system/mapa.jpg) no-repeat right bottom / 100%; padding-right: 0; padding-bottom: 304px; }
}
@media (max-width: 500px) {
.KdeLeft { margin-top: 0px;padding-top:0; width: 100%; min-height: 320px; background: #ffffff url(../im/system/mapa.jpg) no-repeat right bottom / 100%; padding-right: 0; padding-bottom: 304px; }
}
@media (max-width: 400px) {
.KdeLeft { margin-top: 0px;padding-top:0; width: 100%; min-height: 320px; background: #ffffff url(../im/system/mapa.jpg) no-repeat right bottom / 100%; padding-right: 0; padding-bottom: 204px; }
}

.KdeNadpis {text-align:center;}

.SlideH1 {position:relative;margin-top:48px;}
.slide-h1 .slick-slide {position:relative;}
.slide-h1 .slick-slide .txt {position:absolute;bottom:0;left:0;right:0;width:80%;padding:24px;text-align:center;margin: 0px auto;}
.slide-h1 .slick-slide .txt, .slide-h1 .slick-slide .txt * {color:#ffffff}
.slide-h1 .slick-slide .txt h1, .slide-h1 .slick-slide .txt h2 {font-size:22px;font-weight:800;}
.slide-h1 .slick-slide .txt p {color:#aaaaaa;}
.slide-h1 .slick-slide .txt p a {color:#5faf39;text-decoration:underline;}
.SlideH1 .sl-left {cursor:pointer;position:absolute;bottom:0px;left:0px;width:64px;height:100%;z-index:111;background:transparent url('../im/system/arr-left-w.svg') no-repeat center center / 56px;}
.SlideH1 .sl-right {cursor:pointer;position:absolute;bottom:0px;right:0px;width:64px;height:100%;z-index:112;background:transparent url('../im/system/arr-right-w.svg') no-repeat center center / 56px;}

.PopisLeft {padding-right:30px;}      
.RefWrap {padding-top:48px;}


.galerie-grafy {}
.graf-item {float:left;display:block;width:33.33%;padding:12px;position:relative;text-align:center;}
.graf-item > img {display:block;max-width:100%;width:160px;height:160px;margin:0 auto;float:none;}
.graf-item > strong { display: block; position: absolute; top: 78px; font-size: 28px; line-height: 1; left: 0; right: 0; text-align: center; color: #59af30; }
.graf-item > p { display: block; font-size: 17px; padding: 23px 29px; font-weight: 900; color: #59af30; }


@media (max-width: 680px) {
     .graf-item { width: 100%; padding: 0px 20% 20px; }
     .graf-item > strong { top: 66px;}
}


.galerie-ikony { }  
.ikona-item { float:left;display:block;width:25%;}
.ikona-item > strong { width: calc(100% - 68px); font-size: 12px; padding-left: 22px; padding-right: 5px; min-height: 30px; }
.ikona-item > p { width: calc(100% - 68px); padding-left: 22px; padding-right: 22px; }
.ikona-img { width: 55px; float: left; margin-top: 34px; }
.ikona-item .fs13, .ikona-item .f13 {font-size:52px;}

@media (max-width: 1024px) {
    .ikona-item .fs13, .ikona-item .f13 { font-size: 36px;  }
    .ikona-img { width: 38px; float: left; margin-top: 31px; }
    .ikona-item > strong, .ikona-item > p { padding-left: 12px; width: calc(100% - 38px); }
}
@media (max-width: 800px) {
    .ikona-item {width:50%;padding:24px;}
    .ikona-item .fs13, .ikona-item .f13 { font-size: 36px;  }
    .ikona-img { width: 38px; float: left; margin-top: 31px; }
    .ikona-item > strong, .ikona-item > p { padding-left: 12px; width: calc(100% - 38px); }

}
@media (max-width: 500px) {
    .ikona-item {width:100%;padding:24px 0;}
    .ikona-item .fs13, .ikona-item .f13 { font-size: 54px; }
    .ikona-img {width:60px;margin-left:12px;}
    .ikona-item > strong, .ikona-item > p { padding-left: 20px; width: calc(100% - 72px); }
    
}





.bg1-fixed { background-image: url(../im/system/bg1-fixed.jpg); background-position: center 0px; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-color: #5faf39; }
.bg1-fixed * {color:#ffffff;}

.footer-link { display: inline-block; padding-left: 2em; padding-right: 2em; letter-spacing: 0.2em; text-transform: uppercase; font-size: 10px; color: #878787; }
.footer-link:hover {color:#ffffff;text-decoration:underline;}

.galerie-only-img {}
.galerie-only-img img {}

.kontakt-item {width:25%;width:calc(25% - ( 3 * 48px / 4 ) );float:left;margin:0px 48px 48px 0px;}
.kontakt-item:nth-child(4n) {margin: 0px 0px 48px 0px;}

.kontakt-item > div.img-wrap { position: relative; overflow: hidden; border-radius: 500px;  }
.kontakt-item > div.img-wrap:before {content:'';display:block;padding-top:100%;width:100%;}
.kontakt-item > div.img-wrap > img {position:absolute;top:0px;left:0px;margin:auto;right:0;bottom:0;height:200px;width:200px;box-shadow: 0px 21px 23px -23px #000000;border-radius: 200px; }

@media (max-width: 480px) {
    .kontakt-item > div.img-wrap:before { content: ''; display: block; padding-top: 240px; width: 100%; }
}

.kontakt-info {}
.kontakt-info > small {font-size:11px;color:#909090;}
.kontakt-info > a { color: #5faf39; font-weight: 600; padding: 2px 0px 0px; font-size: 12px; }
.kontakt-name {font-size:18px;text-align:center;padding:18px 0px 12px;}
.Medailonek {padding:32px 0;text-align:center;}

.KontaktLeft, .Mapa {margin-top:24px;margin-bottom:24px;}
.KontaktLeft {margin-top:38px;background:#f1f1f1;padding:24px;background: linear-gradient(180deg, rgba(226,226,226,1) 0%, rgba(242,242,242,1) 45%, rgba(255,255,255,1) 100%);}


.Mapa > div {float:right;width:48%;border:0;margin:0;margin-left:2%;padding:0;}
.MapaWrap .Mapa > div {width:100%;margin:0;}
.MapaLeft { padding-top: 100px; padding-bottom: 100px; }

@media (min-width: 1660px) {
  .MapaWrap { padding-top: 48px; padding-bottom: 48px; background: #ffffff url(../im/system/mapa.jpg) no-repeat right -59px / 62%; }
}
@media (min-width: 1921px) {
  .MapaWrap { padding-top: 48px; padding-bottom: 48px; background: #ffffff url(../im/system/mapa.jpg) no-repeat right center / 48%; }
}
@media (min-width: 3000px) {
  .MapaWrap { padding-top: 100px; padding-bottom: 100px; background: #ffffff url(../im/system/mapa.jpg) no-repeat right center / 40%; }
}



@media (max-width: 1080px) {
    .MapaLeft { padding-top: 50px; } 
    .kontakt-item { width: 25%; width: calc(25% - ( 3 * 20px / 4 ) ); margin: 0px 20px 48px 0px; }
    .kontakt-item:nth-child(4n) { margin: 0px 0px 48px 0px; }
} 
@media (max-width: 960px) {
    .graf-item > p { font-size: 14px;}
    .kontakt-item { width: 33.33%; width: calc(33.33% - ( 2 * 20px / 3 ) ); margin: 0px 20px 48px 0px; }
    .kontakt-item:nth-child(4n) { margin: 0px 20px 48px 0px; }
    .kontakt-item:nth-child(3n) { margin: 0px 0px 48px 0px; }
    .tv { position: relative; width: 100%; margin: 0;} 
} 
@media (max-width: 800px) {
    .MapaLeft, .Mapa { width:100%; padding-top: 20px; }  
    .MapaLeft {padding-bottom:300px;}
    .MapaWrap { background: #ffffff url(../im/system/mapa.jpg) no-repeat center bottom 20px / 78%; } 
    
    .Mapa {padding-top:0;margin-top:0;padding:0 12% 0px;} 
    .Mapa.map {padding-top:0;margin-top:0;padding:0 0 0px;margin:0;width:100%;} 
    .KontaktLeft {width:100%;}
    .Mapa.map > div {margin:0px 10px;width:47%;width:calc(50% - 20px);}
    .Middle.popis > .c6 {width:100%;margin:0px 0px 20px;}
    
    
} 
@media (max-width: 650px) {
    .MapaLeft { padding-bottom: 256px; }
    .kontakt-item { width: 50%; width: calc(50% - ( 1 * 20px / 2 ) ); margin: 0px 20px 48px 0px; }
    .kontakt-item:nth-child(3n) { margin: 0px 20px 48px 0px; }
    .kontakt-item:nth-child(2n) { margin: 0px 0px 48px 0px; }
    .Mapa.map > div {width:100%;margin:0px 0px 24px;}
    iframe { width: 100%; min-height: 222px;}
} 
@media (max-width: 480px) {
    .MapaLeft { padding-bottom: 256px; }
    .MapaWrap { background: #ffffff url(../im/system/mapa.jpg) no-repeat center bottom 20px / 100%; } 
    .kontakt-item { width: 92%;margin: 0px 4% 48px 4%; }
    .kontakt-item:nth-child(2n) { width: 92%;margin: 0px 4% 48px 4%; }
    .kontakt-item:nth-child(3n) { width: 92%;margin: 0px 4% 48px 4%; }
} 

@media (max-width: 480px) {
    .Mapa {padding:0 0 0px;} 
} 

@media (max-width: 400px) {
    .MapaLeft { padding-bottom: 200px} }

.Slide { position:relative; }
.Slide .sl-left {cursor:pointer;position:absolute;bottom:0px;left:0px;width:64px;height:100%;z-index:111;background:transparent url('../im/system/arr-left-w.svg') no-repeat center center / 64px;box-shadow: inset 20px 0px 11px -19px #000000; }
.Slide .sl-right {cursor:pointer;position:absolute;bottom:0px;right:0px;width:64px;height:100%;z-index:11;background:transparent url('../im/system/arr-right-w.svg') no-repeat center center / 64px;box-shadow: inset -20px 0px 11px -19px #000000;}
.Slide .slick-slide .bg-paralax img {}
.bg-paralax .txt > strong span {font-weight:800;}
.bg-paralax .txt > strong span, .bg-paralax .txt strong { text-transform: uppercase; font-size: 23px; }
.bg-paralax .txt > p {padding: 8px 0px 8px;}
.type-1 .slick-dots {right:12%;bottom: 11px;}
.Slide .submit { padding: 7px 15px;  border-bottom: 3px solid #39872b; }
.SlideWrap .Slide .slick-dots {z-index:30;} 

@media (max-width: 1024px) {
    .bg-paralax .txt > strong span, .bg-paralax .txt strong { font-size: 19px; }
    .bg-paralax .txt { padding: 15px 12px 20px; width: 27%; }
}

.Vybaveni {}
.vybaveni {background-color:#313131;background-repeat:no-repeat;background-position: center top;background-attachment:fixed;background-size:cover;}
.vybaveni-wrap {}
.vybaveni-button {}
.vybaveni-button a { background: #59af30; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.133em; }
.vybaveni-button a.active { background: #313131 url(../im/system/ico-close-w.svg) no-repeat right 3px center / 32px; padding-right: 41px; }

.vybaveni .white-box, .vybaveni .white-box *, .vybaveni .silver-box, .vybaveni .white-silver *, .vybaveni .cikcak ul li, .vybaveni .white-box ul li, .vybaveni .Popis ul li, .vybaveni .popis ul li { background:transparent;color:#cccccc;} 
.vybaveni .Popis > img:nth-child(1) {display:none;}

.vybaveni .cikcak ul li, .vybaveni .white-box ul li, .vybaveni .Popis ul li, .vybaveni .popis ul li { background: transparent url('../im/system/li.svg') no-repeat left center / 16px;}



.gdpr-wrap {position:fixed;top:auto;left:0;bottom:0;right:0;overflow:auto;z-index:89999;background:#313131;background:#00000096;transition:all 250ms linear;box-shadow: 0px 5px 49px 3px #000000;}
.gdpr-wrap.active {top:-100%;bottom:110%;opacity:0;}
.gdpr-box { position: static; background: #ffffff;  width:100%;max-width: 990px; height: auto; padding: 12px; margin: auto; overflow: auto; max-height: 420px; max-height: 60vh; }
.gdpr-box > strong {font-size:16px;font-weight:600;position:absolute;top:0;left:0;background:#313131;color:#ffffff;box-sizing:border-box;padding:6px;}
.gdpr-box > p {padding: 12px 0px;line-height:1.35;}
.gdpr-box > a { float: left; width: 49%; margin: 5px 0.5%; display: block; background:#313131; color: #ffffff; padding: 6px; text-shadow: 0 0 black; }
.gdpr-box > a:nth-last-child(1) {background: #59af30;color:#ffffff;}

.Menu .gdpr-box a { color: #5faf39; margin:0px 4px 4px 0px;float: left; display: block; box-sizing: border-box; padding: 5px 9px; text-transform: uppercase; transition: all 250ms linear; text-decoration: underline;text-shadow:0px 0px 0px #000000; width:auto;}
.Menu .gdpr-box a:hover {color: #313131;}
.Menu .gdpr-box a.sb-black, .Menu .gdpr-box a.sb-green {color:#ffffff;text-decoration:none;}
.Menu .gdpr-box a.sb-black:hover, .Menu .gdpr-box a.sb-green:hover {color:#313131;text-decoration:none;}
.gdpr-form {display:block;float:left;height:0;overflow:hidden;opacity:0;transition:all 300ms linear;}
.gdpr-form.active {height:auto;opacity:1;}


.download-item { background: #ffffff url(../im/system/pdf.png) no-repeat 4px center / 28px; padding: 14px 9px 14px 40px; color: #404040; margin-top: 10px;border:1px solid #dddddd; }
.download-item a {color: #5faf39;font-weight: 800;text-transform: uppercase;}
.download-name {width:70%;}
.download-item * {box-sizing:border-box;}
.download-link {width:30%;margin:0;text-align:right;background: transparent url(../im/system/arr-down-w.svg) no-repeat right center / 16px;padding-right:20px;}

.tin-popis {padding: 32px 25% 48px;}
.tin-popis.Nadpis {padding: 32px 25% 6px;}
.Popis .cikcak {margin-bottom:24px;}

.konfwrap-katalog .Konf > .scroll-here-1-object.active,
.konfwrap-katalog .Konf > .scroll-here-2-object.active,
.konfwrap-katalog .Konf > .scroll-here-3-object.active,
.konfwrap-katalog .Konf > .scroll-here-4-object.active {width: 50%;margin-left: 50%;}



@media (min-width: 2501px) {
    .mw,  .mw-full, .mw-tin {padding-left:20%;padding-right:20%;}
    .konfwrap-katalog .Konf > .scroll-here-1-object.active,.konfwrap-katalog .Konf > .scroll-here-2-object.active,.konfwrap-katalog .Konf > .scroll-here-3-object.active,.konfwrap-katalog .Konf > .scroll-here-4-object.active {padding: 48px 20% 48px 48px;}
    .padding-konf-menu.active {padding: 48px 48px 48px 20%;}
}
@media (max-width: 2500px) {
    .mw,  .mw-full, .mw-tin {padding-left:18%;padding-right:18%;}
    .konfwrap-katalog .Konf > .scroll-here-1-object.active,.konfwrap-katalog .Konf > .scroll-here-2-object.active,.konfwrap-katalog .Konf > .scroll-here-3-object.active,.konfwrap-katalog .Konf > .scroll-here-4-object.active {padding: 48px 18% 48px 48px;}
    .padding-konf-menu.active {padding: 48px 48px 48px 18%;}
}
@media (max-width: 2200px) {
    .mw,  .mw-full, .mw-tin {padding-left:16%;padding-right:16%;}
    .konfwrap-katalog .Konf > .scroll-here-1-object.active,.konfwrap-katalog .Konf > .scroll-here-2-object.active,.konfwrap-katalog .Konf > .scroll-here-3-object.active,.konfwrap-katalog .Konf > .scroll-here-4-object.active {padding: 48px 16% 48px 48px;}
    .padding-konf-menu.active {padding: 48px 48px 48px 16%;}
}
@media (max-width: 1920px) {
    .mw,  .mw-full, .mw-tin {padding-left:14%;padding-right:14%;}
    .konfwrap-katalog .Konf > .scroll-here-1-object.active,.konfwrap-katalog .Konf > .scroll-here-2-object.active,.konfwrap-katalog .Konf > .scroll-here-3-object.active,.konfwrap-katalog .Konf > .scroll-here-4-object.active {padding: 48px 14% 48px 48px;}
    .padding-konf-menu.active {padding: 48px 48px 48px 14%;}
}
@media (max-width: 1660px) {
    .mw, .mw-full, .mw-tin {padding-left:6%;padding-right:6%;}
    .konfwrap-katalog .Konf > .scroll-here-1-object.active,.konfwrap-katalog .Konf > .scroll-here-2-object.active,.konfwrap-katalog .Konf > .scroll-here-3-object.active,.konfwrap-katalog .Konf > .scroll-here-4-object.active {padding: 48px 6% 48px 48px;} 
    .padding-konf-menu.active {padding: 48px 48px 48px 6%;}
}
@media (max-width: 1280px) {
    .mw, .mw-full, .mw-tin {padding-left:48px;padding-right:48px;} 
    .bg-paralax .txt {left:48px;width:44%;padding-bottom:26px;}                      
    .type-1 .slick-dots {right:48px;}
    .Slide .sl-left {width:48px;background-size:40px; }                               
    .Slide .sl-right { width: 48px; background-size: 40px;  }
    .SlideWrap .Slide {}
    .konfwrap-katalog .Konf > .scroll-here-1-object.active,.konfwrap-katalog .Konf > .scroll-here-2-object.active,.konfwrap-katalog .Konf > .scroll-here-3-object.active,.konfwrap-katalog .Konf > .scroll-here-4-object.active {padding: 48px 48px 48px 48px;}
    .padding-konf-menu.active {padding: 48px 48px 48px 48px;}
} 
@media (max-width: 800px) {
    .mw, .mw-full, .mw-tin {padding-left:15px;padding-right:15px;} 
    .SlideWrap .Slide {padding-left:0;padding-right:0;}
    .SlideWrap .Slide .slick-dots { right: 24px; z-index: 30; width: 42px; }
    .SlideWrap .Slide .slick-dots li span span {display:none;}
}  

@media (max-width: 680px) {
    .bg-paralax .txt { left: 20px;right:20px; width: auto; max-width:100%;padding-left:20px;padding-bottom: 0;}
    .bg-paralax .txt a.submit { position: absolute; right: 20px; top: -3px; }
    .type-1 .slick-dots { top:32px;bottom:auto; right:20px;}
}
@media (max-width: 640px) {
    .bg-paralax .txt > p { padding: 0; margin: 0 0 11px; }
    .bg-paralax .txt { left: 0; right: 0; width: auto; max-width: 100%; padding-left: 20px; padding-bottom: 0px; bottom: auto; top: 100%; z-index: 9999; height: 100px; background: #2b2a29; padding-top: 20px; box-sizing: border-box; }
    .slick-this.type-1 {margin-bottom:100px;background:#f1f1f1;overflow:unset;}
    .slick-this.type-1 .slick-list {overflow:unset;}
    .bg-paralax .txt > p { padding: 0; margin: 0px 0 4px; line-height: 14px; font-size: 11px; }  
}
@media (max-width: 600px) {
     .mw, .mw-full, .mw-tin {padding-left:20px;padding-right:20px;} 
     .SlideWrap .Slide {margin-top:48px;}
    
} 
@media (max-width: 560px) {
        .Slide .sl-right, .Slide .sl-left { background-size: 40px; }
}
@media (max-width: 420px) {
    .mw,  .mw-full, .mw-tin {padding-left:16px;padding-right:16px;} 
    .bg-paralax .txt > strong span, .bg-paralax .txt strong { font-size: 15px; padding-top: 0px; text-align: center; }
    .bg-paralax .txt a.submit { position: absolute; right: auto; top: -16px; width: 30%; text-align: center; left: 35%; box-sizing: border-box; }
    h1, h2, h3, h4 { font-weight: 600; font-size: 1.5em; }
    .bg-paralax .txt {padding-top:26px;}
    .Middle.c6 .Nadpis { margin-top: 0; text-align: center; } 
    .slide-h1 .slick-slide .txt { position: static; bottom: 0; left: 0; right: 0; width: 100%; text-align: center; margin: 0px auto; background: #313131; float: left; margin: 0; padding: 0px 23px; min-height: 125px; box-sizing: border-box; }
    .SlideH1 .sl-right, .SlideH1 .sl-left {display:none !important;}
    .slide-h1 .slick-slide .txt h1, .slide-h1 .slick-slide .txt h2 { font-size: 15px; font-weight: 600; }
    
}   
@media (max-width: 360px) {
    .mw,  .mw-full, .mw-tin {padding-left:12px;padding-right:12px;} 
}    








.Footer strong.bgs {background: #5c5c5c; border: 0;  border-radius: 3px; margin: 0 0 12px; line-height: 12px; padding: 12px; max-width: 100%;}

.right-click-wrap {background:#ffffff;border-radius:4px;box-shadow: 0px 4px 4px -4px #000000;background:#f1f1f1;}  
.right-click-wrap a {color: #404040;font-size:12px;line-height:12px;letter-spacing:0;width:auto;}     
.right-active {border:1px dashed #dddddd !important;border-radius:4px !important;}     

.fmenu-item {width:auto;}
.color-u_delete * {color:red;}


.poptavka-fixed-wrap { box-shadow: 0px 0px 0px 0px #000000;transition: all 300ms ease-out; position: fixed; top: 0; bottom: 0; right: -50%; left: auto; margin: auto 0; width: 50%; min-height: 200px; z-index: 11000; background: #2b2a29;  max-height:max-content; padding: 32px; }
.poptavka-fixed-wrap.active { box-shadow: 0px 10px 99px -10px #000000; right: 25%; transition: all 150ms ease-in; overflow: auto; box-shadow: 0px 10px 21px -10px #000000, 0px 0px 99px -20px #000000, 0px 30px 199px 10px #0000007a; }
.poptavka-opener { transform: rotate(90deg); margin: auto 0; margin-right: -38px;transition: all 300ms ease-out; position: absolute; top: 0; bottom: 0; right: 100%; left: auto;width: 118px;z-index:2000; height: 31px; background: #5faf39; text-align: center; padding: 6px 3px; box-shadow: -12px 0px 35px -12px #000000; box-shadow: -12px 0px 35px -12px #000000, -12px 18px 6px 0px #0000001f; }
.poptavka-opener * {color:#ffffff;font-size:15px;line-height:16px;}
.poptavka-fixed-wrap.active .poptavka-opener {left:0;right:auto;}

.poptavka-opener strong {display:block;}
.poptavka-opener span {display:none;}
.poptavka-fixed-wrap.active .poptavka-opener strong {display:none;} 
.poptavka-fixed-wrap.active .poptavka-opener span {display:block;padding-top:8px;}
.poptavka-fixed-wrap.active .poptavka-opener {transform: rotate(0deg); box-shadow: 0px 0px 0px 0px #2b2a29;background:#2b2a29 url('../im/system/ico-close-w.svg') no-repeat left center / 32px;padding-left:32px; left: auto; right: 0; top: 0; margin: 0; }

.poptavka-fixed-wrap div.strong, .poptavka-fixed-wrap div.strong * { font-weight: 400; font-size: 24px; }
.poptavka-fixed-wrap div.strong b {font-weight:700;color:#5faf39;}
.poptavka-fixed-wrap div.strong {padding: 20px 0px;}


@media (max-width: 768px) {
    .poptavka-fixed-wrap { right: -80%; width: 80%; }
    .poptavka-fixed-wrap.active {right:10%}   
}

@media (max-width: 480px) {
    .poptavka-fixed-wrap { right: -100%; width: 100%;max-height:100%; }
    .poptavka-fixed-wrap.active { right: 0%; top: 48px; height: calc(100% - 48px); }
    .white-box {padding:12px;}
    .poptavka-opener { margin: auto 0 0; bottom: 8px; border-radius: 5px 0px 0px 5px; }
    .NadpisWrap .Cena {padding-top:20px;}
}



.skryt-abs {position:absolute;top:0px;left:0px;z-index:999;}
.skryt-abs > a { float: left; margin: 0px 0px 0px -14px; }
.skryt-abs > a > img { float: left; margin: 0; width: 25px; height: 25px; padding: 0px; }

.flex-gal {display: flex; flex-wrap: wrap; gap: 10px;}   
.flex-gal > a {flex: 1 1 auto; height: 200px; cursor: pointer; position: relative;}        
.flex-gal > a > img  {object-fit: cover; width: 100%; height: 100%; vertical-align: middle; border-radius: 5px;}   
.flex-gal > a .overlay { position: absolute; width: 100%; height: 100%; background: rgba(57, 57, 57, 0.502); top: 0; left: 0; transform: scale(0); transition: all 0.2s 0.1s ease-in-out; color: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; }
.flex-gal > a:hover .overlay { transform: scale(1); }

.flex-gal iframe { width: 100%; min-height: 200px; float: left; display: block; border: 0; border-radius: 5px; }

.Middle > .Obrazek {padding:12px;}

.type-galerie-img .galerie-click-close {position:absolute;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;z-index:1000;background:#00000011;}
.type-galerie .type-galerie-img img {z-index:2000;}
.type-galerie.mw-tin {padding:0;}


.Menu li {position:relative;}

.subMenu, .Menu .subMenu { top: -100%; height: 0; max-height: 90%; max-height: calc(100% - 48px); position: fixed; width: 320px; padding: 0;z-index: 19930; transition: all 450ms ease-in; overflow: hidden;opacity:0;}

.subMenu.active, .Menu .subMenu.active { transition: all 300ms ease-out; top: 48px; opacity: 1; box-shadow: 0px 17px 10px -12px #000000; overflow: auto; height: auto; box-shadow: -12px 0px 35px -12px #000000, -12px 18px 6px 0px #0000001f; }

.Menu .right .subMenu {  }
.Menu .right .subMenu.active {}

.subMenu > li { float: left; display: block; width: 100%; padding: 0; margin: -1px 0px 0px; background: #2b2a29; box-shadow: inset 0px 2px 7px -3px #000000;transition:all 500ms ease-out; }
.subMenu > li > a {float:left;display:block;width:100%;padding:0;margin:0;box-sizing:border-box;}
.subMenu > li > a > .img {float:left;display:block;padding:0;margin:0;width:72px;height:32px;position:relative;overflow:hidden;background:#000000;}
.subMenu > li > a > .img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto auto auto 0px; width: auto; height: auto; max-width: 102%; max-height: 180%; }
.subMenu > li > a > span { float: left; display: block; padding: 9px; margin: 0; width: auto; max-width: calc(100% - 81px); text-transform: none; box-sizing: border-box; font-size: 11px; font-weight: 400; }

.subMenu > li:hover {background: #4d4d4d;box-shadow: inset 0px 2px 7px 0px #000000;}
.subMenu > li:hover > a > span {color: #ffffff;}
.subMenu > li.active {background: #54af44;}
.subMenu > li.active > a > span {color:#ffffff;text-shadow:none;}

.Menu a.active {color:#ffffff;}






@media (max-width: 1120px) {
    .subMenu, .Menu .subMenu { position:static;height:0;overflow:hidden; width:100%;} 
    .subMenu.active, .Menu .subMenu.active { height:auto;max-height:fit-content;box-shadow:0px 0px 0px 0px #000000;margin: 16px 0px 24px;}
    .Menu li.left, .Menu li.right { padding: 6px 0px; margin: 0; letter-spacing: 0; width:100%; } 
    
    
}

@media (max-width: 600px) {
    .Menu ul.menu-1 {padding:16px;}
    .Menu ul.menu-1.active {padding:16px;}
}



.flex-gal-2 {display: flex; flex-wrap: wrap; justify-content:center;align-content:center; align-items:flex-end;position:relative;}   
.flex-gal-2 > a, .flex-gal-2 > div {flex: 1 1 50%; position: relative;}        
.flex-gal-2 > a > img, .flex-gal-2 > div > img  {object-fit: cover; width: 100%; height: 100%; vertical-align: middle;}   
.flex-gal-2 .abs-down {background:#f3f3f3;position:relative;margin-top:-2px;padding-top:12px;background: linear-gradient(180deg, rgb(243 243 243) 0%, rgb(255 255 255) 100%);}
.flex-gal-2 a * {text-decoration:underline;color:#5faf39;}

.flex-gal-2 a .abs-down:before {background: transparent url(../im/system/ar1248.svg) no-repeat left center / 12px ;content:'';display:block;position:absolute;height:48px;width:12px;right:17px;bottom:20px;}

.Plus {text-align:center;}
.flex-wrap-3 {display:flex;justify-content:center;gap:24px;flex-wrap:wrap;width:100%;}
.plus-ico {flex: 1 1 200px;max-width:200px;}
@media (max-width: 1366px) {.plus-ico {max-width: 144px;}}

.Varianta {text-align:center;}

.RozmerObrazek {margin-bottom: 24px;background:#ffffff;}

.ProduktWrap .Popis, .ProduktWrap .Popis * {color:#646464;line-height:1.6;}
.ProduktWrap .Popis h2, .ProduktWrap .Popis h3 {color:#2b2a29;}
.ProduktWrap .Popis {padding-right:10%;}

.SlideMini {padding-bottom:48px;}
.SlideMini {padding-bottom:14px;}

.RozmerObrazek .gal-click {text-align:center;background:#ffffff;float:left;display:block;width:100%;overflow:hidden;}
.RozmerObrazek .gal-click img {width:auto;float:none;height:360px;display:inline-block;}

@media (max-width: 1400px) { .RozmerObrazek .gal-click img {height:auto;width:100%;} }

@media (max-width: 1024px) { .ProduktWrap > .Parametry.nice-table table tbody {flex-wrap: wrap;} .ProduktWrap > .Parametry.nice-table table tr {flex: 1 1 48%;} }
@media (max-width: 640px) { .ProduktWrap > .Parametry.nice-table table tr {flex: 1 1 48%;} }



@media (max-width: 720px) {.NadpisWrap {padding: 20px;} .MiniPopis {margin-bottom:12px;}}
@media (max-width: 480px) { 
        .Cena > div.b1b > .strong {letter-spacing:-0.03em;font-size:21px;} 
        .ProduktWrap > .Parametry.nice-table table tr > td:nth-child(2) {font-size:16px;} 
        .ProduktWrap > .Parametry.nice-table table tr {flex: 1 1 48%;}
}


.Houses {background-color:#f1f1f1;}
.HouseLeft {width:200px;}
.HouseWrap {padding-left:36px;width:calc(100% - 200px);}
.houses-wrap {width:100%;display:flex;flex-wrap:wrap;gap:36px;align-items:stretch;}


.house-item {flex: 1 1 800px;background:#ffffff;position:relative;}
.house-image {overflow:hidden;}
.house-image > a {float:left;width:100%;}
.house-image > a > span {position:absolute; top:0;left:0;opacity:0;z-index:3000;transition: all 250ms ease-in;}
.house-image:hover > a > span {transition: all 150ms ease-out;opacity:1}
.house-image > a > span:nth-child(1), .house-image > a > span:nth-child(1):hover {position:relative;opacity:1;left:0;z-index:2999;}

.house-image a span {}
.house-image a span img {}

.house-info {padding:20px;}
.house-info h2, .house-info h3, .house-info > strong, .house-info > strong a {margin:0 0 9px; font-weight:900;font-size:1.5em;color: #5faf39;}
.house-popis {margin:0 0 9px;color:#898989;line-height:1.5;}

.house-filtr { position: absolute; bottom: 12px; left: 0; right: 0; z-index: 3000; width: 67%; text-align: center; padding: 20px;pointer-events: none; }
.house-filtr, .house-filtr * {color:#ffffff;}

.house-item-img .twice-square:before {padding-top:55%;}

.filtr-info-family-item {text-align:center;width:auto;display:inline-block;}
.filtr-info-family-item > strong, .filtr-info-family-item > span {display:inline-block;box-sizing:border-box;margin-left:12px;font-weight:400;}
.filtr-ico-29 { background: transparent url(../im/f/29.svg) no-repeat -3px 9px / 41px; padding-top: 52px; text-align: left;float:left; } /* dispozice */
.filtr-ico-29 > span { font-size: 24px; font-weight: 900; line-height: 12px; margin-right: 40px; }
.filtr-ico-29 > strong { margin-left:0;}
.filtr-ico-47 {float:right;} /* typ strechy */

.filtr-info-family-item > .filtr-info-item {}
.filtr-ico-48 {background: transparent url(../im/f/48.svg) no-repeat center 0px / 48px;padding-top:52px;} /* valba */
.filtr-ico-49 {background: transparent url(../im/f/49.svg) no-repeat center 0px / 48px;padding-top:52px;} /* sedlo */
.filtr-ico-50 {background: transparent url(../im/f/50.svg) no-repeat center 0px / 48px;padding-top:52px;} /* plocha */

.house-price.price {border-top:1px solid #eeeeee;} 
.house-price.price:nth-last-child(1) {border-bottom:1px solid #eeeeee;}
.house-price > strong, .house-price > span {width:100%;display:inline-block;} 
.house-price > strong {font-size:12px;padding-top:6px;} 
.house-price > span {font-size:29px;font-weight:300;} 
.house-price > small {font-size:11px;} 
.price-drevostavba {background: transparent url(../im/f/drevostavba.svg) no-repeat 0px -2px / 48px;padding-left:56px;}
.price-zdeny-porobeton {background: transparent url(../im/f/zdeny-porobeton.svg) no-repeat 0px -9px / 48px;padding-left:56px;}

.house-item-buttons {position: absolute;bottom: -24px;left:0px;width:100%;text-align:center;z-index: 4000;}
.house-item-buttons a {transition: all 250ms ease-in;position:relative; box-shadow: 0px 3px 8px -4px #000000; padding: 13px 13px 12px 29px; display: inline-block; margin: 12px 2px 3px; text-transform: uppercase; border-radius: 32px; color: #ffffff; background: #000000 url(../im/system/more-w.svg) no-repeat 7px center / 16px; }
.house-item-buttons a:hover {background-color:#5faf39;}


.house-item-buttons a:nth-child(2) {background-color:#5faf39;}


@media (max-width: 1280px) {
    .HouseLeft {width:100%;margin-bottom:20px;}
    .HouseWrap {padding-left:0;width:100%;}
}

@media (max-width: 1024px) {
    .HouseLeft {width:100%;margin-bottom:20px;}
    .HouseWrap {padding-left:0;width:100%;}
    .house-image {width:100%;}
    .house-info {width:100%;padding-bottom: 39px;}
    .house-price {width:100%;}
    .house-price.price {width:50%;float:left;border-bottom: 0px;}
    .house-price.price:nth-last-child(1) {border-bottom: 0px;}
    .a-check-parent {width:154px;} 
     
    .house-filtr {bottom: auto;z-index: 3000;width: 100%; padding: 0px 20px 32px;top: 0;background: linear-gradient(180deg, #11555587, transparent);}
     
}

@media (max-width: 680px) { .a-check-parent {width:50%;margin:12px 0px;float:left;} .FiltrProdukt {padding:20px;} }


@media (max-width: 600px) {
    .house-price.price {width:100%;} 
    .ProduktWrap .Popis {padding-right:0;}
    .house-price.price, .house-price.price:nth-last-child(1) {border-bottom: 1px solid #eeeeee;}
}

@media (max-width: 480px) { 
        .a-check-parent {width:100%;} 
        .house-price > span {font-size: 21px;} 
        .house-item {padding-bottom: 78px;margin-bottom:0px;}
        .house-item-buttons {bottom: 12px;padding: 0px 20px;}
        .filtr-ico-29 > span { font-size: 16px; }
        .filtr-info-family-item > strong, .filtr-info-family-item > span {margin-left:4px;}
        .house-filtr {padding:8px;}
        .price-drevostavba {background: transparent url(../im/f/drevostavba.svg) no-repeat 0px -7px / 48px;}
        .filtr-ico-29 {background: transparent url(../im/f/29.svg) no-repeat 1px 9px / 41px;}
        .house-item-buttons a {min-width: 172px;padding: 12px 32px;margin-bottom: 0px;}
}



html {
    -webkit-text-size-adjust: 100%;}

/* 2023 */
.familybox > * {}
.familybox {padding: 0px;margin-right:0px;width: auto;}
.familybox.active { margin-right:6px;}
.familybox .parent-active {cursor: pointer;margin: 0px;padding: 7px 15px 7px 0px;text-shadow: 0px 1px 2px #000000;font-weight:900; text-transform: uppercase;}
.familybox.active .parent-active {position:relative; background: #000000 url(../im/system/ico-close-w.svg) no-repeat right 4px top 5px / 17px;padding: 6px 25px 6px 8px;border: 0;border-radius:4px;}


.familybox.active .parent-active:before {pointer-events: none;position: absolute;top: 100%;margin: 0px auto;left: 0;right: 0;content: '';background: #000000;z-index: 1;transform: rotate(45deg);display: block;width: 10px;height: 10px;margin-top: -5px;}

.familybox .checkbox-family {display:none;}
.familybox.active .checkbox-family { display: block;margin-bottom: 0px;position: absolute;left: 0;top: 41px;max-height: 70vh;overflow: auto;display: flex;flex-wrap: wrap;gap: 6px;width: 100%;right: 0;justify-content: stretch;align-items: stretch;padding: 0;}

.layer-wrap .familybox.active .checkbox-family { position:absolute;top:33px; } 

.KonfForm .label input[type="radio"] + span:before {border: 1px solid #000000;}
.KonfForm .konf-code, .KonfForm .strong, .KonfForm .label input[type="radio"] + span  {color: #000000;}



.konf-ch { padding:0px; position: relative; flex: 1 1 290px;max-width:280px; box-shadow: inset 16px 20px 23px -18px #ffffff;border-radius:5px; background: #fffffff0; box-shadow: inset 16px 20px 23px -18px #ffffff, inset -16px -20px 23px -37px #000000, 0px 0px 6px -3px #000000; }
.konf-ch .p1halft { position: absolute; right: 8px; bottom: 6px; color: #404040; }
.fixed-konf-form { transition: all 300ms linear; width: 100%; background: transparent; background: linear-gradient(90deg, #07315163 0%, rgb(49 49 49 / 7%) 65%, rgba(49,49,49,0) 98%); height: auto; margin: 0; position: absolute; top: 108px; background: transparent; }

.katalog-items .konf-ch  {max-width:100%;}

.fixed-konf-form:hover {}

.konf-form-closer { left: 56%; margin: auto auto auto auto; background: transparent url(../im/system/arr-left-w.svg) no-repeat center center / 24px; width: 120px; top: auto; left: auto; margin-top: 2px;display:none; }
.fixed-konf-form.active {left:-51%;}
.KonfForm .label input[type="radio"] + span {font-size:12px;padding-top:1px;}


.fixed-konf-form::-webkit-scrollbar {width: 12px;background-color:transparent;z-index:9999999998;border:0;}
.fixed-konf-form::-webkit-scrollbar-thumb { background: #ffffff; background: #ffffff55; z-index: 99999999999; border: 1px solid #ffffff; border-right: 1px solid #ffffff; width: 8px; border-left: 1px solid #ffffff; border-top: 1px solid #ffffff; }
.fixed-konf-form::-webkit-scrollbar-track { background-color: #313131;background-color: #31313155; z-index: 9999999999; } 
.fixed-konf-form::-webkit-input-placeholder {color:#909090;}
div.Nadpis {padding-top: 10px;padding-bottom: 0px;position: relative;background: #2b2a29;bottom: 0;left: 0;width: 100%;z-index:8999;}
.fix-top div.Nadpis {padding-bottom:10px;background:#2b2a29;min-height: 28px;}

.select-box > .options {top: 100%;max-height: 80vh;overflow: auto;}
.KonfWrap .BcWrap, .KonfMenu {background: #2b2a29;}


div.Nadpis .select-box {margin-top: 3px;}

div.Nadpis > h1 {margin: 0;padding: 0 0 10px;font-size: 26px;text-transform: uppercase;width: auto;float: left;padding-right: 24px;}
div.Nadpis > form {padding-top: 6px;}

.KonfWrap2 {padding-top: 0px;padding-bottom:0px;background: #2b2a29;}

.konf-form-closer.active {background: transparent url(../im/system/ukazat.svg) no-repeat center center / 125px;left: 0;}
.MenuRady > div a img {opacity:0.9;}

.KonfMenu > .wauto {margin-right: 0;margin: 0;padding: 8px 0px 0px; float: left;}
.KonfMenu {position: absolute;left: 0;z-index: 9999;background: transparent;top: 100px;}
.KonfMenu > * {width:50%;}

.KonfMenu a.active {color: #5faf39;background: #2b2a29;}
.ul-konf-menu {padding: 0px 1px;text-align:center;width:100%;}
.ul-konf-menu > li {display:inline-block;float:none;}
.KonfMenu a {margin-right:1px;padding: 11px 13px;font-size: 18px;}

.konf-price { width: auto; position: absolute; margin-left: -128px; width: 256px; left: 50%; top: 47px; }
.konf-code {padding-left:26px;padding-bottom:2px;display:none;}

div.Nadpis .select-box.opened > .options, div.Nadpis .select-box {border-radius:0;}

.menuwrap-konf {background:#00a5dd;box-shadow:0px 0px 33px -19px #000000;position: absolute;}
.menuwrap-konf .Menu a {color:#2b2a29;text-shadow:none;}
.menuwrap-konf .li.active a {color: #ffffff;}

.menuwrap-konf .Menu a {color:#2b2a29;text-shadow:none;}

.menuwrap-konf .Menu li.active > a {color:#ffffff;}

.menuwrap-konf .Menu ul li ul a {color:#ffffff;}
.menuwrap-konf .Menu ul li ul li.active > a {color:#76d947;}

.konf-select-main .Menu a {color:#ffffff;}

.KonfWrap {margin-top:0;z-index:10500;position:relative;}
.KonfWrap .Nadpis {position:static;background:transparent;left:0px;top:48px;bottom:auto;padding-top:0; padding-bottom:0;margin:0;z-index:10000;background:linear-gradient(180deg, #484a4c, #2b2a29);}


.KonfWrap .Nadpis h1 {margin: 0;padding: 0px 9px;font-size: 28px;line-height: 28px;overflow: hidden;overflow:hidden;width: 0;height: 0;}
.KonfWrap .Nadpis h1 b {opacity:0;float:left;overflow:hidden;height:0;width:0;}
.KonfWrap div.Nadpis:before {display:none;}

.KonfSelWrap {position: relative;width: 100%;padding-top: 0;}
.KonfSelWrap .KonfSel { color: #ffffff; position: fixed; left: 0; top: 129px; bottom: 0; overflow: hidden; opacity: 0; display: none; z-index: 99999; overflow: auto; }
.KonfSelWrap.active .KonfSel  {animation: load_layer 0.5s ;display:block;opacity:1;}

.konf-select-main { margin: 0px; color: #ffffff; position: fixed; right: 0; overflow: auto; opacity: 0; display: none; z-index: 9999; top: 0px; max-height: 100vh; width: 50%; padding-top: 48px; padding-bottom: 45px; }
.konf-select-main.active {animation: load_layer 0.5s ;display:block;opacity:1;} 

.konf-select-main .konf-total {background:transparent;}

.konf-select-wrap { position: relative; z-index: 1000; display: block; padding-top: 0px; padding-bottom:0px; width: 100%; }
.konf-select-main .konf-select-wrap {box-shadow: 0px 12px 32px -18px #000000;}
.konf-select-wrap-closer { z-index: 990; position: fixed; top: 44px; bottom: 0; left: 0; right: 0; background:#000000c4; display: block; padding: 1px; overflow: hidden; cursor: pointer; }

.KonfSel .konf-select-wrap {display:flex;flex-wrap:wrap;gap:12px;}


.KonfSel .konf-select-wrap .konf-total {background:transparent;}

.konf-select-main-closer { display:none;opacity:0;z-index: 990; position: fixed; top: 0px; bottom: 0; left: 0; right: 0; background: #000000c4; padding: 1px; overflow: hidden; cursor: pointer; }
.konf-select-main-closer.active {animation: load_layer 0.5s ;display:block;opacity:1;}

.KonfWrap.nebe {padding-top: 59px;background: linear-gradient(180deg, #35322f, black);}

@keyframes load_layer {
  0%   {opacity:0;}
  25%  {opacity:0.1;}
  50%  {opacity:0.8;}
  100% {opacity:1;}
}
@keyframes load_layer_fast {
  0%   {opacity:0;}
  25%  {opacity:0.7;}
  50%  {opacity:0.9;}
  100% {opacity:1;}
}


.Konf img.konf-image { animation: load_layer_fast 0.3s ; }
.Konf img.konf-produkt-image {animation: unset;}

.konf-item {max-width: 50%;position: relative;flex: 1 1 380px;box-shadow:0px 24px 64px -38px #000000;border-radius: 5px;overflow: hidden; }

.close-layer-line {position: relative;flex: 1 1 100%;color: #ffffff;line-height: 16px;padding: 8px 24px 8px 0px;background: transparent url(../im/system/ico-close-w.svg) no-repeat right center / 20px;text-align: right;}

.konf-item-image {width:100%;}
.konf-thumb {width:100%;position:relative;overflow:hidden;}
.konf-thumb img {width: 100%;position: absolute;top: 0%;left: 0;}
.konf-thumb:before {content: '';padding-top: 56.25%;width: 100%;float: left;display: block;}
.konf-item-info { padding: 12px; top: 0px; left: 0px; position: absolute; z-index: 9999; color: #ffffff; width:100%;}
.konf-item-info .fs6, .konf-item-info * {font-size:15px;}

.konf-item-info > strong {font-size:13px;width:auto;float:left;}
.konf-item-info .konf-total {float:right;}
.konf-item-info .konf-total small {display:none;}

.konf-item-menu {padding: 0px;bottom:0px;right:0px;position:absolute;z-index:9999;}
.konf-item-menu a {color: #ffffff;text-transform: uppercase;margin: 7px 0px 7px 7px;display: inline-block;font-weight: 900;padding: 7px 8px;border-radius: 4px;}
.konf-item-menu a:nth-child(1) {color:#000000;background-color: #ffffff;}

.konf-item-menu a.delete { background: #ff6600 url(../im/system/smazat.svg) no-repeat 5px center / 15px; position: absolute; right: 5px; bottom: 0px; padding-left: 25px; line-height: 15px; }
.Footer {z-index:4100;}

.Konf {background:#00a5dd;}
.konf-select-menu {width:100%;}
.konf-select-menu > * {float:left;position:relative;animation: load_layer 0.25s ;font-size:12px;line-height:14px;background:#ffffff;color:#2b2a29;padding:5px 9px;
                       margin:0px 4px 4px 0px;text-transform:uppercase;display: inline-block;width:auto;box-sizing:border-box;}

.Nadpis .red-box {border-radius:0px;font-size:9px;right:0;top:0;width:auto;min-width:11px;height:100%;padding: 0px 5px;border:0;line-height: 21px;border-radius: 30px;}

.konf-select-menu > .konf-parts-menu {background:transparent;padding:0;}
.konf-select-menu > .konf-parts-menu a {margin-bottom:0;position:relative;padding:5px 9px;float:left;border-radius: 7px;}
.konf-select-menu > .konf-parts-menu .active:before {pointer-events:none; position: absolute; top: 100%; margin: 0px auto; left: 0; right: 0; content: ''; background: #5faf39; z-index: 1; transform: rotate(45deg); display: block; width: 10px; height: 10px; margin-top: -5px; }
.konf-select-menu > .konf-parts-menu .poptat.active:before  {pointer-events:none;background-color: #5faf39;}

div.Nadpis .prod {padding: 6px 9px 6px 25px;float: left;color: #ffffff;background: transparent url(../im/system/home-w.svg) no-repeat left 0px / 23px;font-weight:bold;text-transform: uppercase;}

div.Nadpis .poptat-nadpis  .prod {padding: 6px 9px 6px 18px;color: #ffffff;background: transparent url(../im/system/arr-left-w.svg) no-repeat left 3px / 18px;font-weight: 900;text-transform: uppercase;}


.konf-total {position: relative; padding: 7px 9px 7px 0px;float: left;font-weight: 800;line-height: 12px;font-size: 15px;color: #ffffff;letter-spacing:0em;}
.konf-total .sdph {display:none;}
.konf-total:hover .sdph {display:block;position:absolute;top:100%;right:0px;color: #ffffff;padding: 1px 3px;line-height: 12px;}

.konf-select-menu > .konf-parts-menu a.poptat , .konf-item-menu a.poptat, .konf-item-menu a.delete-self {padding-left:20px}

.konf-select-menu > *:nth-last-child(1), .konf-select-menu > *:nth-last-child(2) {margin:0px 0px 4px 4px;}

.fix-top .konf-select-menu > *:nth-last-child(1), .fix-top  .konf-select-menu > *:nth-last-child(2) {margin:0px 0px 4px 4px;}

.fix-top div.Nadpis .prod {display:none;}

.konf-select-menu > .scroll-menu {width:100%;padding:0;margin:9px 0;background:transparent;}
.fix-top.top .konf-select-menu > .scroll-menu {margin:0;}

.konf-select-menu > .prod { color: #ffffff; background: #59af30 url(../im/system/ar-w.svg) no-repeat right 5px center / 11px; padding-right: 24px; transition: all 200ms linear; box-shadow: inset 0px 0px 11px -4px #000000; }
.konf-select-menu > .prod:hover {background-color:#2b2a29;color:#ffffff;}

.konf-select-menu > .variant-box, .variant-box {border-left:2px solid #ffffff;padding: 5px 0px 5px 8px;position: relative;background:transparent;color: #ffffff;float: left;font-weight:900;text-transform: uppercase;box-sizing: border-box;line-height: 16px;float: right;}
.konf-select-menu > .variant-box > b, .variant-box > b {background: transparent; position: static;right: 0;top: 0;bottom: 0px;padding: 5px;border: 1px dashed #ffffff; border-radius: 24px; }



.konf-item .variant-box { top: 9px; bottom: auto; left: 0; right: auto; position: absolute; z-index: 99; }
.konf-item .variant-box *, .konf-item .variant-box {font-size:13px;}

.konf-select-menu > .p6r {padding-right:12px;margin-right:31px;background:#ffffff url(../im/system/user.svg) no-repeat 5px center / 16px; padding-left:24px;}
.konf-select-menu > .p6r.active {background:#ffffff url(../im/system/smazat-b.svg) no-repeat 5px center / 16px;}
.konf-select-menu > .p6r .red-box {right:-12px;}
.konf-select-menu > .active {position:relative;}

.konf-select-menu .konf-page-link { background-color: #5faf39; color: #ffffff; margin-right:3px; }

.konf-select-menu > .active:before { position: absolute; top: 100%; margin: 0px auto; left: 0; right: 0; content: ''; background: #ffffff; z-index: -1; transform: rotate(45deg); display: block; width: 10px; height: 10px; margin-top: -5px; }
.konf-select-menu > .poptat.active:before  {background-color: #5faf39;}
.konf-select-menu > .konf-page-link:before  {background-color: #5faf39;}
.konf-select-menu > .hover {}


.KonfForm .variants { padding-right: 12px; margin-right: 12px; background: transparent url(../im/system/user.svg) no-repeat 5px center / 16px; padding-left: 24px; float: left; position: relative; animation: load_layer 0.25s; font-size: 12px; line-height: 14px; color: #2b2a29; padding: 5px 9px; margin: 0px 4px 4px 0px; text-transform: uppercase; display: inline-block; width: auto; box-sizing: border-box; }
.KonfForm .variants .red-box {right: -12px;}

.KonfSel .variants {display:none;}

.menuwrap-konf a.logo {background: transparent url(../im/system/logokonf.svg) no-repeat center top / 100%;}
.menuwrap-konf a.logo img {opacity:0;}


.icoadd { background: #ffffff url(../im/system/plus-w.svg) no-repeat 5px center / 11px; padding-left:24px; }

.poptat {background:#5faf39 url(../im/system/plus-w.svg) no-repeat 5px center / 11px; padding-left:24px;color:#ffffff;font-weight:800;}

.konf-select-menu > .konf-parts-menu a.poptatX {transition: all 300ms ease-out;position: fixed;top: 0;bottom: 0;right: 0;left: auto;margin: auto 0;width: 110px;height: 31px;text-align: center;padding: 6px 3px;box-shadow: -12px 0px 35px -12px #000000;box-shadow: -12px 0px 35px -12px #000000, -12px 18px 6px 0px #0000001f;}

.konf-total small { font-size: 12px; top: 0px; display: inline-block; position: relative; }

.KonfMenu2 {margin:0 0 12px;}



/* konfigurace%b */
.konfwrap-katalog {background:#ffffff;z-index:10000;}
.konfwrap-katalog .Konf:before {display:none;}
.konfwrap-katalog .Konf h2 { padding: 24px; font-size: 32px; line-height: 1; float: left; margin: 0px 0px 0px; font-weight: 300; text-align: center;}
.konfwrap-katalog.KonfWrap .Nadpis {}
.konfwrap-katalog.KonfWrap .konf-select-menu > .p6r {}
.konfwrap-katalog.KonfWrap .konf-select-menu > .icoadd {}
.konf-katalog {}

.konfwrap-katalog .Konf {background:#ffffff;width: 100%; float: left; }
.konfwrap-katalog.KonfWrap .Nadpis {position: relative;float: left;top: 0;padding-top: 10px;margin-top: 48px;padding-bottom: 10px;margin-bottom:0px;}

.konfwrap-katalog div.Nadpis {color:#000000;}
   
.konfwrap-katalog .Konf > .konf-b-wrap {position:relative;z-index:100;opacity:0;padding-left:0;width:100%; min-height: 56.25vw;padding-top:0px;transition: all 250ms linear;display:none;}
.konfwrap-katalog .Konf > .konf-b-wrap.active {z-index:400;opacity:1;text-align: center;display:block}

.konfwrap-katalog .Konf > .konf-b-wrap.active.scroll-here-5-object { min-height:56.25vw; }




.konf-b-wrapper {width:100%;}

    .konfwrap-katalog .Konf > .konf-b-wrap .left {float:left;width:46%;position:relative;}
    .konfwrap-katalog .Konf > .konf-b-wrap .right {float:right;width:46%;position:relative;}
    .konfwrap-katalog .Konf > .konf-b-wrap .left > *, .konfwrap-katalog .Konf > .konf-b-wrap .right > * {position:absolute;top:0;left:0px;width:100%;}
    .konfwrap-katalog .Konf > .konf-b-wrap .left > *:nth-child(1), .konfwrap-katalog .Konf > .konf-b-wrap .right > *:nth-child(1) {position:relative;} 
    .konfwrap-katalog .Konf > .konf-b-wrap .konfslider {float:left;width:100%;position:relative;}


.katalog-items {display:flex;flex-wrap:wrap;gap:2px;}
.konf-ch-katalog {flex: 1 1 380px;border:1px solid #dddddd;background:#ffffff;}
.konf-ch-katalog:nth-child(7n) {flex: 1 1 245px;}
.konf-ch-katalog:nth-child(11n), .konf-ch-katalog:nth-child(5n) {flex: 1 1 300px;}
.konf-ch-katalog .image {height:420px;height:30vh;position:relative;overflow:hidden;margin-top:24px;}
.konf-ch-katalog .image img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;}
.konf-ch-katalog label {padding:24px;}

.konf-katalog {width: 48%; float: left;position:fixed;z-index:880;min-height:100vh;}
.konf-katalog h2.strong {background:#2b2a29;color:#ffffff;padding: 9px 9px;margin: 0px 0px 2px;border-radius: 4px;font-size: 13px;font-weight: 900;text-transform: uppercase;}

.konfbgfixed {position:fixed;top:100%;bottom:0px;left:0px;right:0px;pointer-events:none;overflow:hidden;z-index:500;transition:all 200ms linear;}
.konf-b-wrap.active .konfbgfixed {top:74px;}
.konfbgfixed .konf-bg-fixed-image {position:fixed;top:0;bottom:0px;left:0px;right:0px;pointer-events:none;overflow:hidden;background-color:#eeeeee;background-repeat:no-repeat;background-position:center bottom;background-size:128%;background-size:170vh 100vh;}

.konfbgfixed .konf-bg-fixed-image {position: fixed;top: 0;bottom: 0px;left: 0px;right: 0px;pointer-events: none;overflow: hidden;background-color: #2b2a29;background-repeat: no-repeat; }

@media (orientation: landscape) {
    .konfbgfixed .konf-bg-fixed-image {background-size: 101vw 58.25vw;background-position: center center; }
}
@media (orientation: portrait) {
    .konfbgfixed .konf-bg-fixed-image {background-size: 170vh 100vh;background-position: center top; }
    .konfwrap-katalog .Konf > .konf-b-wrap.active.scroll-here-5-object { min-height: 100vh;}
}


.konfslider-absolute .konf-slide {position:relative;}
.konfslider-absolute .konf-slide.active {display:none;}
.konfslider-absolute .konf-slide.top {display:block;}

.konfslider-absolute .konf-slide.active.top {}


.konfslider-absolute .konf-slide.active .konf-bg-fixed-image {z-index:20000;}
.konfslider-absolute .konf-slide.top .konf-bg-fixed-image {z-index:25000;}

.konfslider-absolute .konf-bg-fixed-image {width:100%;float:left;background-size:100%;min-height:56.25vw;display:none;position:relative;pointer-events:none;overflow:hidden;background-color:#ffffff;background-repeat:no-repeat;background-position:center top;}
.konf-b-wrap.active .konfslider-absolute .konf-bg-fixed-image {display:block;}


.konfwrap-katalog .konf-select-menu > .p6r .red-box {bottom: 0px; top: auto;right: -18px;}

.noshadow {box-shadow: 0px 0px 0px 0px #000000;}

.scroll-menu {top: 0px;z-index: 900;position: relative;}
.scroll-menu a {position:relative;color: #ffffff; padding: 6px 8px;margin-right: 0;border-radius: 7px;margin-right:3px;text-shadow:0px 1px 2px #000000; font-size: 12px; font-weight: 900;text-transform: uppercase;}
.scroll-menu a:hover {background:#00a0cb;}
.scroll-menu a.active {background: #5faf39;color: #ffffff;}

.scroll-menu a.active:before {pointer-events: none;position: absolute;top: 100%;margin: 0px auto;left: 0;right: 0;content: '';background: #2b2a29;z-index: 1;transform: rotate(45deg);display: block;width: 10px;height: 10px;margin-top: -5px;}

.fix-top {position:fixed;top:48px;left:0px;background:#f1f1f1;z-index:11000;width:100%;}
.fix-top.top {top: 0;padding-top: 1px;padding-bottom: 0px;box-shadow: 0px 0px 6px -3px #000000;background: linear-gradient(180deg, #404040, #000000);}
.fix-bottom {position:fixed;bottom:0px;left:0px;background:#2b2a29;z-index:99999;width:100%;}



.konfwrap-katalog .familybox {padding:0;}
.konfwrap-katalog .familybox:nth-last-child(1) {margin-bottom:48px;}

.konfwrap-katalog .scroll-here-6-object .familybox:nth-last-child(1),
.konfwrap-katalog .scroll-here-5-object .familybox:nth-last-child(1) {margin-bottom:4px;} 

.familybox .konf-ch {position:relative;}
.familybox .label {position:static;}

.familybox .label input[type="radio"] + span + div {color:#000000;}
.familybox .label .price {position:absolute;width:auto;right:0px;top:0px;font-weight: 800;font-size: 12px;padding: 8px 9px 9px;display: block;text-align: right;float: left;width: auto;box-sizing: border-box;color:#000000;}
.familybox .label input[type="radio"] + .konf-code {display:none;}

.familybox .label input[type="radio"] + span {padding:7px 86px 7px 34px;position:static;}
.familybox .label input[type="radio"] + span:before {border-radius:4px;  border: 0;border-right:1px solid #eeeeee;content: ''; width: 30px; height: auto;border-radius: 0px; display: block; float: left; position: absolute; left: 2px; top: 2px;bottom:2px; z-index: 221;box-shadow: inset 0px 0px 11px -9px #000000;background: transparent url('../im/system/plusp.svg') no-repeat center center / 18px; }
.familybox .label input[type="radio"] + span:after { display:none; }
.familybox .label input[type="radio"]:checked + span:before { border-radius:4px; border: 0; background: #5faf39 url('../im/system/okw.svg') no-repeat center center / 20px; }
.familybox .label input[type="radio"]:checked + span:after {display:none;}
.familybox .label input[type="radio"]:checked + span + strong  {display:none;width:auto;font-size:10px;font-weight:400;padding:0px 9px 4px 34px;}




.fix-bottom {text-align:center;}
.fix-bottom .cena-bottom, .fix-bottom .cena-bottom * {color:#ffffff;text-align:center;font-size:13px;display:inline-block;float:none;}

.variants-here > a {background-color:transparent;padding:5px 9px;box-sizing:border-box;float:left;color:#ffffff;line-height:12px;font-size:12px;position:relative;}
.variants-here {    margin-bottom: 5px;margin-top: 3px;}
.variants-here > a.icoadd {padding-left: 20px;background-position: 5px 5px;}
.variants-here > a.variants {padding-right: 24px;background: transparent url(../im/system/user-w.svg) no-repeat 5px center / 16px;padding-left: 24px;}

.variants-here > a.variants.active {background: transparent url(../im/system/ico-close-w.svg) no-repeat 5px center / 16px;}

.Nadpis.konfwrap-nadpis {margin-top:48px;}
.konfwrap-form {padding-bottom:128px;}
div.Nadpis.konfwrap-nadpis:before {display:none;}
.konfwrap-nadpis h1 {margin: 0;padding: 0px 9px;font-size: 26px;line-height: 28px;overflow:hidden;width:0;height:0;opacity:0;}

.konfwrap-form table * {color:#aaaaaa;}
.konfwrap-form tr:nth-child(odd) {background: #2b2a29;background: #2b2a294a;}
.konfwrap-form tr:nth-child(1) {background:transparent;color:#ffffff;}
.konfwrap-form tr:nth-child(1) *, .konfwrap-form tr .cw {color:#ffffff;}

.konfwrap-form tr {box-shadow:inset 0px -15px 12px -20px #000000;}

.Form > form { position: fixed; width: 18%; top: 138px; padding: 24px; right:20%; background: #333; box-shadow: -9px 15px 46px -20px #000000; z-index: 99; }
.Form {position:relative;}

.konf-shrnuti h2 {padding: 8px 0px 8px;text-align: left;margin: 0;font-weight: 300;}
.konf-shrnuti h2 b {font-weight:800;font-size:22px;}

.MenuWrap a.konf-button {z-index: 10100; background: transparent url(../im/system/konfbutton.svg) no-repeat center top / 34px; padding: 34px 0px 0px; font-size: 10px; text-align: center; color: #ffffff; position: absolute; top: -12px; left: 100%; margin-left: 10px;font-weight:900; }
.MenuWrap a.konf-button .red-box { height: 20px; width: 19px; font-size: 9px;text-align: center; line-height: 10px; overflow: hidden; border-radius: 32px; position: absolute; top: 7px; right: 0px; border:0; padding-top: 4px; box-sizing: border-box; left: 0; margin: 0px auto; }
.Menu li.konf-button-li {position:relative;padding:0;float:right;}

.MenuWrap a.konf-button.active .red-box {font-size:0px;color:#ffffff00;background: #c30e5f url(../im/system/ico-close-w.svg) no-repeat center center / 16px;}



.menuwrap-konf .Menu .mainmenu-wrap .vysledek-item a, .menuwrap-konf .Menu .mainmenu-wrap .vysledek-item a * {color:#000000;} 

.Footer .ProduktWrap { background: transparent; }
.Footer .Parametry, .Footer .Parametry *, .Footer .Popis, .Footer .Popis * {color:#bbbbbb;}
.Footer .ProduktWrap > .Parametry.nice-table table tr > td {color: #f1f1f1;}
.Footer .flex-gal-2 .abs-down * {color:#000000;}
.Footer .plus-ico {background: #ffffff;overflow: hidden;border-radius: 300px;}
.Footer .SlideMini, .Footer .Plus {padding:32px 0px;}

.footer-up {z-index:10400;}

.w-box {position:relative;flex:1 1 320px;display:flex;flex-wrap:wrap;box-shadow: inset 16px 20px 23px -18px #ffffff; background: #ffffffed; box-shadow: inset 16px 20px 23px -18px #ffffff, inset -16px -20px 23px -37px #000000, 0px 0px 20px -15px #000000;}
.w-box .image {width:128px;}
.w-box .info {width:200px;width:calc(50% - 64px);}
.w-box .price {width:200px;width:calc(50% - 64px);padding-right:12px;}

.w-box .info strong {padding:12px;font-size:14px;}
.w-box .konf-total {flex:1 1 90px;padding:6px 0px 0px 12px;text-align:right;float:right;width:100%;}
.w-box .konf-total .strong { font-size: 14px; margin-top: 6px; float: right; }


.Menu .w-box a {text-shadow: unset;background:transparent;color:#000000;padding:6px 0px 0px 6px;font-size:11px;margin:0px 0px 1px;float:left;box-sizing:border-box;float:right;position:static;}
.Menu .w-box a.konf-button {position:absolute;top:0px;bottom:0px;left:0px;right:0px;opacity:0;width:100%;height:100%;}
.w-box * {color:#000000;font-size:11px;float:left;}
.w-box a {color:#000000;}
.konf-select-main .konf-select-wrap {gap:0;}
.w-box .variant-box {color:#ffffff;}
.w-box .variant-box * {color:#ffffff;}

.Menu .w-box a.poptat {color:#5faf39;}


/* wbox bbox */


.w-box.b-box {box-shadow: inset 0px 6px 7px -8px #000000;background: #403e3d;margin: 0px 0px 7px;}
.w-box.b-box .image {}
.w-box.b-box .info {}
.w-box.b-box .price {}
.w-box.b-box .info strong {}
.w-box.b-box .konf-total {}
.w-box.b-box .konf-total .strong { }
.Menu .w-box.b-box a {background:transparent;color:#ffffff;}
.Menu .w-box.b-box a.konf-button {}
.w-box.b-box * {color:#ffffff;}
.w-box.b-box a {color:#ffffff;}
.konf-select-main .konf-select-wrap {}
.w-box.b-box .variant-box {color:#ffffff;padding-left:13px;}
.w-box.b-box .variant-box * {color:#ffffff;}
.w-box.b-box .variant-box b {top: -6px;position: relative;margin-right: 8px;font-size: 14px;}
.Menu .w-box.b-box a.poptat {color:#ffffff;}
.w-box.b-box .info {}
.w-box.b-box .konf-select-menu > .variant-box, .w-box.b-box .variant-box {border:0}

.interier-menu {position:relative;z-index:900;}
.Nadpis .interier-menu {padding:0;background: #ffffff38; border-radius: 5px;}
.respo-closer {display:none;position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;z-index:100;}

    .responofixed {position:absolute;}


.black-layer {position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;background:#00000099;z-index:999999;text-align:center;}
.black-layer .middle {width:100%;max-width:320px;display:inline-block;padding:24px;background:#ffffff;box-shadow: 0px 10px 10px -10px #000000;}
    
    
.h-ultra {font-weight:800;color:#000000;font-size:24px;margin:0px 0px 12px;}
    
.black-layer .submit { text-shadow: 0px 0px 0px #ffffff;color: #ffffff;width: 50%;padding: 9px;margin: 0px 25%;display: block;}   
    
.nadpis-price {overflow: hidden; border-radius: 7px;margin-top: 0px;}    
    
.konf-slide {width:100%;}  
.konf-slide > img {width: 100%;max-width: 320px;margin-top: 32px;}

.beh-menu-fixed {position: fixed;right: 0px;top: 132px;width: 90px;z-index: 35000;display: block;margin: 15px;bottom: auto;height: 242px;}
.beh-menu-fixed a {float:left;display:block;width:100%;box-sizing:border-box; padding: 6px; margin-bottom: 5px;background: transparent; box-shadow: inset 16px 20px 23px -18px #ffffff; border-radius: 5px;background: #fffffff0;box-shadow: inset 16px 20px 13px -18px #ffffff, inset -16px -20px 23px -37px #000000, 0px 0px 4px -1px #000000;}
.beh-menu-fixed a.top {border: 1px solid #d7d7d7;}
.beh-menu-fixed a img {float:left;display:block;width:100%;}

@media (max-width: 2500px) { .Form > form { right:18%;width: 18%; } }
@media (max-width: 2200px) { .Form > form { right:16%;width: 20%; }  }
@media (max-width: 1920px) { .Form > form { right:14%;width: 22%; } }
@media (max-width: 1660px) { .Form > form { right:6%;width: 28%; } }
@media (max-width: 1280px) { .Shrnuti,.Form {width:50%;} .Form > form { right:48px;width: calc(50% - 48px); } }
@media (max-width: 1200px) {.Shrnuti,.Form {width:100%;} .Form > form { width:100%;position:static; } }
@media (max-width: 800px) {  }
@media (max-width: 420px) {  }
@media (max-width: 360px) {  }

.layer-wrap .KonfWrap .Nadpis {padding-top:12px;}

@media (max-width: 1280px) {
    .familybox {width:100%;} 
    .familybox.active .parent-active {margin-bottom:6px;}
    .familybox .konf-ch {max-width:100%;}
    
    .familybox.active .checkbox-family {max-height:100%;overflow:hidden;margin-bottom:15px;}
    .fixed-konf-form {width:380px;padding-right:46px;background: #303030;background:transparent;top: 97px;padding-top:20px;}
    .familybox.active .checkbox-family, .layer-wrap .familybox.active .checkbox-family {position:static;padding:0;}
    
    .familybox.active {margin-top: 5px;}
    
    .familybox .parent-active {padding: 9px 15px 9px 9px;margin-bottom:1px; text-transform: uppercase;text-shadow: 0px 0px 0px #000000;color:#000000;background:#ffffff url(../im/system/plus.svg) no-repeat right 8px top 10px / 11px;border-radius: 4px;}
    .familybox.active .parent-active {padding: 9px 15px 9px 9px; background-position:right 4px center;background-color:#2e8107;color:#ffffff;margin-bottom:12px;}
    .familybox.active .parent-active:before {background-color:#2e8107;}
    .familybox.active .checkbox-family {gap: 2px;}
    
    .MenuWrap a.konf-button {top:-11px;}
    .konf-form-closer {display:block;background-size:24px; width:64px;background-color: #000000;background-color: #00000082;color: #ffffff; left: 380px;border-radius: 5px 24px 24px 5px;width: 48px;height: 48px;}
    .konf-form-closer.active {left:0;width:64px;left: 0px; background: #5faf39 url(../im/system/arr-right-w.svg) no-repeat center center / 24px;}
}

@media (max-width: 1120px) {
    .menuwrap-konf .Menu .mainmenu-wrap a {color:#ffffff;}
    .MenuWrap a.konf-button {top: -2px;}
    .MenuWrap w-box a.konf-button {color: #000000;}
}


@media (max-width: 1080px) {
    .konf-ch {flex: 1 1 215px;}
    .scroll-menu a {font-size:12px;font-weight:bold;margin-right:0;}
    .konfwrap-katalog .respo8, .fix-top .respo8 {width: 73%;}
    .beh-menu-fixed {width: 64px;}
}

.scroll-here-object {display:block;}
.scroll-here-object.active {display:block;}  
 .scroll-here-object {display:none;min-height: 80vh;}
.scroll-here-object.active {display:block;} 


.padding-konf-menu.active {overflow:auto;overflow-x:hidden;}

/* koupelna / podlaha */
.scroll-here-1, .scroll-here-2 ,.scroll-here-3, .scroll-here-4, .scroll-here-5, .scroll-here-6 { position: fixed;left: 0; width: 320px;padding: 6px;background: #303030;background:transparent;margin: 0px 0px 0px;min-height: 10px;max-height: 100vh;overflow: auto;height: calc(100vh - 133px);}
.scroll-here-1, .scroll-here-2 ,.scroll-here-3, .scroll-here-4 {width:50%;background:#ffffff;}
.scroll-here-1.hidden , .scroll-here-2.hidden  ,.scroll-here-3.hidden , .scroll-here-4.hidden , .scroll-here-5.hidden , .scroll-here-6.hidden {left:-100%;}
.konfwrap-katalog .scroll-here-5 .familybox:nth-last-child(1) {width:100%;}

.konf-katalog .button-hide {position:fixed;background:#000000;color:#ffffff;left:334px;border-radius:5px 24px 24px 5px;width:48px;height:48px;top:148px;bottom:0;margin:0px;display:none;}
.konf-katalog .button-hide img {width: 24px; height: 24px;float: left;padding: 12px;}
.konf-katalog .button-hide.scroll-here-5-object.active, .konf-katalog .button-hide.scroll-here-6-object.active {display:block;}
.konf-katalog .button-hide.scroll-here-5-object.hidden, .konf-katalog .button-hide.scroll-here-6-object.hidden {left:0px;background:#5faf39 url(../im/system/arr-right-w.svg) no-repeat center center / 24px;}
.konf-katalog .button-hide.scroll-here-5-object.hidden img , .konf-katalog .button-hide.scroll-here-6-object.hidden img {opacity:0;}
    
/* koupelna / podlaha end */

@media (max-width: 960px) {
    .icoadd {padding-left:18px;}
    .konf-select-menu > .p6r {margin-right:21px;}
    .konf-select-menu > * {margin: 0px 2px 2px 0px;}
    .konf-item {flex: 1 1 320px;max-width:100%;}
    .konf-select-main.active {width:100%;}

    .interier-menu {padding-top:34px;position:relative;border-radius:4px;max-width: 280px;}
    .fix-top .interier-menu {top:30px;}  
    .interier-menu.active {padding-top: 0;background: #404040;position: absolute;max-width: auto;}
    .interier-menu .respo-closer {padding: 0;position: absolute;top: 0px;left: 0;width: 100%;height: 27px;display: block;bottom: 0px;z-index: 99;opacity: 0;}
    .interier-menu.active .respo-closer { opacity: 1; padding: 6px 8px 5px 24px; background: transparent url(../im/system/ico-close-w.svg) no-repeat 5px 5px / 15px; position: static; line-height: 15px; font-weight: 800; border-bottom: 2px solid #2f2e2d; }
    .interier-menu > a.active { display: block; position: absolute; width: auto; height: 27px; left: 0; top: 0; z-index: 50;border:0;color: #ffffff; background: #404040 url(../im/system/arr-down-w.svg) no-repeat right 4px center / 24px; padding-right: 24px; right: 0; margin: 0px auto; width: 100%;}
    .interier-menu > a {width:100%;display:none;box-sizing:border-box;}
    .interier-menu.active > a {display:block;background:#404040;} 
    .interier-menu.active > a.active {display:block;position:static;background:#000000;margin:0;position:static;color:#ffffff;}
    .konfwrap-katalog.KonfWrap .Nadpis {padding-bottom:37px;}
    .KonfMenu2 {margin: 6px 0 56px;}
    .scroll-menu a {color:#ffffff;}
    
    .variants-here {padding-top:4px}
    
     .interier-menu.active .respo-closer {padding: 11px 8px 5px 24px;background: transparent url(../im/system/ico-close-w.svg) no-repeat 5px 10px / 15px;}
    .interier-menu > a.active, .interier-menu > a, .interier-menu .respo-closer {padding: 6px 8px; height:29px;}
    .scroll-menu a.active:before {background:#404040;}
    .variants-here > a.icoadd {padding-left: 20px;background-position: 5px 5px;}
    .variants-here > a.variants {padding-left: 22px;}
    .konfwrap-katalog .Konf > .konf-b-wrap {}
    
    .scroll-menu a {font-size:13px;font-weight:900;}
    .konfwrap-katalog .respo8 {width: 100%;}
    
    
}
@media (max-width: 800px) {
    .MenuWrap a.konf-button {left:auto;right:48px;}
    .scroll-here-6, .scroll-here-5 {top:141px;}
    .konfslider-absolute .konf-bg-fixed-image {position: static;min-height: 10px;padding-top: 56.25%;margin-bottom: 2px;}
    .fix-top .scroll-menu {top: 30px;left: 0;right: 0;margin: 0px auto;width: 280px;position: absolute;}
        .konfwrap-katalog .KonfSelWrap {min-height:100vh;}
    
}

@media (orientation: landscape) {
    .konfwrap-katalog .KonfSelWrap {min-height: 56.25vw;}
}
@media (orientation: portrait) {
    .konfwrap-katalog .KonfSelWrap {min-height: 100vh;}
}


@media (max-width: 768px) {
    div.Nadpis > .fr {right: 24px;top:42px;}
    .fixed-konf-form {position:static;width:100%;background:#403e3d;padding:15px;}
    .konf-form-closer, .konf-form-closer.active {display:none;}
    .familybox {}
    .KonfWrap .Nadpis { position: relative; padding-bottom: 5px; top: 0; left: 0; right: 0; bottom: 0; }
    .nadpis-price {position:absolute;right:24px;top:0px;}
    .fix-top .nadpis-price {top: 10px;}
    .nadpis-price.price-poptat {top: 8px;}
    .konfwrap-katalog .nadpis-price {top:11px;}
    .respo8 {width:40%;}
    .konfwrap-katalog .Konf, .konf-katalog  {width:100%;position:relative;}
    .konfwrap-katalog .Konf > .konf-b-wrap {left:0;right:auto;top:auto;bottom:auto;position:relative;height:0;width:100%;opacity:0;pointer-events:none;transition:all 100ms linear;}
    .konfwrap-katalog .Konf > .konf-b-wrap.active {pointer-events:unset;height:auto;opacity:1;padding:0px 0px 0px;min-height: 33vh;width: 100%;margin: 0px 0px;} 
    .konfwrap-katalog .Konf > .konf-b-wrap.active.scroll-here-5-object {min-height:19vh;}
    .konfwrap-katalog .Konf > .konf-b-wrap .left, .konfwrap-katalog .Konf > .konf-b-wrap .right {width:30%;margin: 0px 10%;}  
    
    
    .konfwrap-katalog .Konf > .scroll-here-1-object.active, .konfwrap-katalog .Konf > .scroll-here-2-object.active, .konfwrap-katalog .Konf > .scroll-here-3-object.active, .konfwrap-katalog .Konf > .scroll-here-4-object.active {
      margin-top: 15px;
        margin-bottom: 11px;
    }
    
    
    .konfwrap-katalog.KonfWrap .Nadpis {}
    .konf-katalog {width: 100%;position: relative; max-height: 100vh;overflow: auto;margin-bottom: 0;min-height: auto;}
    
    .scroll-here-1.active, .scroll-here-2.active, .scroll-here-3.active, .scroll-here-4.active {padding:12px;overflow: auto;overflow-x: hidden;position: relative;max-height: 70vh;min-height: 1px;width: 100%;height:auto;}
    
    .konfwrap-katalog .familybox:nth-last-child(1) { margin-bottom: 256px;}    
    .konf-slide > img {width: 66%;}
    .scroll-here-object {min-height:auto;}
    .familybox.active .checkbox-family { position: static; padding: 0;background: transparent;}
    .familybox.active .parent-active { background-color: #5faf39;padding:9px 25px 8px 8px; }
    .familybox.active .parent-active:before {background: #5faf39;}
    .familybox .parent-active  {box-shadow: inset 0px 6px 7px -8px #000000;padding:12px 9px 12px;background-position: right 8px top 14px;}  
    .KonfWrap .Nadpis {position:relative;}
    .KonfWrap.nebe .Nadpis:before {pointer-events:none;border:0;content:'';display:block;position:absolute;width:100%;left:0px;top:100%;z-index:99;height:64px;background: linear-gradient(180deg, rgb(58 192 237) 0%, rgba(0,165,221,0) 100%);}


    .konf-katalog .button-hide.scroll-here-5-object.active, .konf-katalog .button-hide.scroll-here-6-object.active {top: 155px;} 
    
    .padding-konf-menu.active {padding: 15px;box-shadow: inset 0px 0px 16px -8px #000000;}
    
    
}


@media (max-width: 760px) {
    .konf-select-menu > .konf-parts-menu { width: auto; float: right; margin-right: 0; min-width: 50%; }
    .konf-select-menu > *:nth-last-child(1), .konf-select-menu > *:nth-last-child(2) { float: left; margin: 4px 4px 4px 0px; }
    .fix-top .konf-select-menu > *:nth-last-child(1), .fix-top .konf-select-menu > *:nth-last-child(2) {display:block;}
    .konf-select-menu > .konf-parts-menu a { position: relative; padding: 5px 9px; float: none; display: inline-block; margin: 0px 0px 0px 4px; }
    .konf-parts-menu  {text-align: right;}

    .Footer .ProduktWrap > .c6 {width:100%;}
        .MenuWrap a.konf-button {width:48px;}
    .konf-select-menu {display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:220px;}
    .konfwrap-katalog div.Nadpis > .fr {top:36px;}
    .konf-select-menu > .konf-parts-menu { order: 2; float: none; flex: 1 1 220px; text-align: left; margin: 0; display: flex; }
    .konf-select-menu > .konf-parts-menu > * {}
    .konf-select-menu > .p6r { order: 3; float: none; flex: 1 1 144px; margin: 0; display: flex; }
    .konf-select-menu > .variant-box {order:4;float:none;flex:1 1 100px;margin:0;display:flex;}
   /* .konf-select-menu > *:nth-last-child(1) {order:5;float:none;flex:1 1 103px;margin:9px 0;display:flex;} */
   .konf-select-menu > *:nth-last-child(1) {max-width:220px;}
   
   .fix-top .konf-select-menu > *:nth-last-child(1) {min-width: 320px;}
   
   .konf-select-menu > *:nth-last-child(2) {order:6;float:none;flex:1 1 113px;margin:9px 0;display:flex;}

    .konf-select-menu > .scroll-menu {flex:1 1 100%;align-items:flex-end;}
    
    .konf-select-menu > .konf-parts-menu a {margin: 0px 4px 0px 0px;}
    .Nadpis .konf-total small {display:none;}
    .konf-select-wrap-closer {top:0;}
    .KonfSelWrap .KonfSel {top:48px;}
    .beh-menu-fixed {width:54px;display:none;}

.konfslider-absolute .konf-slide {display:none}
.konfslider-absolute .konf-slide.active {display:block;}
.fix-top .scroll-menu {top: 30px;}


}


@media (max-width: 600px) {
    .fixed-konf-form {max-height: 50vh;}
    .konf-select-menu {max-width:100%;}
    div.Nadpis > .fr { top: 25px;}
    
.scroll-here-6, .scroll-here-5 {top: 129px;}
    .konfslider-absolute .konf-bg-fixed-image {top:156px;}
    .interier-menu {max-width: 100%;}
    .respo8 {width: 100%;}
    .interier-menu.active {max-width: 100%;}
}

@media (max-width: 580px) {

}

@media (max-width: 560px) {
 .konfwrap-katalog .Konf > .konf-b-wrap .left, .konfwrap-katalog .Konf > .konf-b-wrap .right {width: 48%;margin: 0px 0px;}
}

@media (max-width: 520px) {
    .variants-here > a.icoadd {position:static;margin: 0;}
    .nebe .variants-here > a.icoadd {top: 4px; }
    .nadpis-price {margin:0px;text-align: left;float: left;position: static;padding: 0;}
    .nadpis-price {width:auto;margin:2px 2px 0px;}
    .konf-total, .konf-select-menu > .variant-box, .variant-box {}
    .interier-menu > a.active {width:100%;}
    .konf-select-menu {margin:7px 0px;}
    .fix-top.top .konf-select-menu {}
    
    .konfwrap-katalog .Konf, .konf-katalog {margin:0px 0px 0px;}
    .konfwrap-katalog .Konf {padding:1px 2px;}
    .respo8 {}
    .konfwrap-katalog .Konf > .konf-b-wrap.active.scroll-here-5-object {min-height: 5vh;}
    .konfwrap-katalog .familybox:nth-last-child(1) {margin-bottom: 80px;}
    
    div.Nadpis > .fr {right: 19px;top: -4px;}  
    .konfwrap-katalog div.Nadpis > .fr {top:4px;}
    
    .scroll-here-6, .scroll-here-5, .konf-katalog .button-hide {top:200px;}
    .scroll-here-6, .scroll-here-5 {height:calc(100vh - 200px);}        
    .konfslider-absolute .konf-bg-fixed-image {top: 188px;}
    
    .fix-top div.Nadpis {padding-top:0;padding-bottom:0;}
    .fix-top .interier-menu {top: 56px;}
    .fix-top .nadpis-price {top: 10px;margin: 0px;padding: 0px 7px 5px;}

    .konf-katalog .button-hide.scroll-here-5-object.active, .konf-katalog .button-hide.scroll-here-6-object.active { top: 215px;}
    .scroll-here-6, .scroll-here-5 { height: calc(100vh - 191px);top: 191px;}
    
    .konfwrap-katalog .Konf > .scroll-here-1-object.active, .konfwrap-katalog .Konf > .scroll-here-2-object.active, .konfwrap-katalog .Konf > .scroll-here-3-object.active, .konfwrap-katalog .Konf > .scroll-here-4-object.active { margin-top: 12px;padding: 0 12px;}   
    
    
}

@media (max-width: 450px) {

    .fixed-konf-form {max-height: 75vh;}
}
@media (max-width: 420px) {
    .w-box {margin-bottom:12px;}
    .w-box .image {width:50%;}
    .w-box .info {width:50%;}
    .w-box .price {width:50%;position: absolute; top: 5px; z-index: 999; left: 0;}
    .w-box .variant-box { color: #ffffff; position: absolute; left: 50%; bottom: 4px; z-index: 99; }
    .w-box .konf-total {padding: 0px 0px 0px 12px;}
    .w-box .konf-total .strong {color:#ffffff;}
    .w-box .info strong { padding: 9px 12px; font-size: 18px; }
    a.logo {width: 120px;padding: 8px 0px 0px 7px;}
}
@media (max-width: 380px) {
    .konf-select-menu > *:nth-last-child(2) { order: 3; float: none; flex: 1 1 107px; margin: 0; display: flex; }
    .MenuWrap a.konf-button {  right: 23px; margin: 0; }
    .Menu div.search-li > .search-button > img {padding: 10px;position: absolute;right: -10px;}
    .variants-here > a { padding: 5px 1px;background-size:12px;background-position:0px center;padding-left:14px;font-size:11px;letter-spacing:-0.03em;}
    div.Nadpis .prod {font-size:11px;letter-spacing:-0.03em;}
    div.Nadpis > .fr {top:-6px;}
    .scroll-here-6, .scroll-here-5 {width:278px;}
    .konf-katalog .button-hide {left:278px;}
    .beh-menu-fixed {top:auto;}

    .konf-katalog .button-hide img { padding: 12px 10px;}
    
    
}





.poptat-nadpis {padding-top:10px;}

.row-wrap .bgb {background:#000000;color:#ffffff;}







/* 042024  */


.arch-wrap {padding-top:64px;padding-bottom:64px;background:#000000;display:flex;flex-wrap:wrap;gap:5%;}
.arch-wrap .slova {display:flex;flex:1 1 25%;}
.arch-wrap .slova, .arch-wrap .slova * {color:#ffffff;}
.arch-wrap .slova > div, .arch-wrap .slova > div * {font-size: 13px;line-height: 1.7;color:#a1a1a1;}
.arch-wrap .arch-wrap-in {display:flex;justify-content: space-around;}
.arch-wrap-in {flex:1 1 60%;}
.arch-wrap-in img {filter:invert(1);}
.arch-wrap-in .profil-obrazek,.arch-wrap-in .profil-obrazek-2 {width:auto;max-width:100%;}
.produkt_body h1 { position: absolute; z-index: 10; top: 14px;font-size:64px;}
.produkt_body td { padding: 9px 0px;}
.prod-wrap {width:60%;}
.standard {width:40%;}


/*  MINI START */

/* plocha */
.Plocha {display:flex;width:100%;padding-top:32px;padding-bottom:32px;margin:0px;gap:32px;flex: 1 1 0px;top:-15px;position:relative;}
.Plocha > div {flex:1;border-radius:0px;background:linear-gradient(137deg, #515151, #000000);box-shadow:-13px 10px 27px -10px #0000001a;display:flex;flex-direction:column;gap:6px;padding:15px 21px;justify-content:space-between;align-items: center;text-align:center;position:relative;}
.Plocha > div > strong {color:#ffffff;display:flex;font-size:13px;font-weight:500;text-transform: uppercase;font-weight: 900;letter-spacing: 1px;}
.Plocha > div > div {color:#ffffff;display:inline-flex;font-size: 22px;padding-top: 4px;letter-spacing:-0.05em;}
.Plocha > div > div, .Plocha > div > div * {color:#4caf50;}

.Plocha > div.green { background: #5faf39; background: linear-gradient(179deg, #5faf39, #3f7f21);}
.Plocha > div.green > strong {color:#000000;}
.Plocha > div.green > div {color:#ffffff;font-weight:800;}

.Plocha > div.lokalita { background: #5faf39; background: linear-gradient(179deg, #f3f3f3, #ffffff);border:1px solid #f1f1f1;}
.Plocha > div.lokalita > strong {color:#000000;}
.Plocha > div.lokalita > div {color:#5faf39;font-weight:800;}

/* stamdard */
.standard-wrap {gap:9%;display:flex;flex-wrap:wrap;}
.standard-row {gap:5%;margin-bottom:24px;display:flex;flex:1 1 40%;flex-wrap:wrap;}
.standard-row > img {flex:1 1 20%;display:flex;}
.standard-row > div {flex:1 1 70%;display:flex;flex-direction:column;}
.standard-row > div > strong {font-size:20px;font-weight:800;padding-bottom:8px;}
.standard-row > div > div {line-height:1.5;}


.ProduktNWrap .nice-table table { padding: 20px;background: #f5f5f5;}
.ProduktNWrap .Standard {padding:0px;display:flex;gap:20px;flex-direction:column;}
.ProduktNWrap .Standard > * {display:flex;justify-content:center;}
.ProduktNWrap .Nadpis {text-align:center;padding:0px;margin:19px 0px 0px;} 

.ProduktNWrap {display:flex;flex-wrap:wrap;box-shadow: 0px -15px 64px -66px #000000;position: relative;z-index: 999;margin-top: 18px;}
.ProduktNWrap .RightWrap {flex:1 1 38%;display:flex;}
.ProduktNWrap .LeftWrap {flex:1 1 58%;display:flex;flex-direction:column;}
.ProduktNWrap .Popis, .ProduktNWrap .Popis * {line-height:1.5;}

.RealizaceGal.mw-tin .flex-gal > a {height:auto;flex:1 1 30%;border: 1px solid #eeeeee;border-radius:14px;max-height: 300px;}
.RealizaceGal.mw-tin .flex-gal {display: flex;flex-wrap: wrap; gap: 36px;}
.RealizaceGal.mw-tin {padding-bottom:48px;}

.SlideOne .slick-slide {padding:0px 0px 36px;background: linear-gradient(181deg, #2196f3bf, transparent);background: transparent url(../im/mini/houses/nebe-wide.jpg) repeat-x 100vw top / 180%;animation-name: mraky;animation-duration: 300s;animation-iteration-count: 10;}

.nabizime-menu {padding-bottom:48px;display:flex;width:100%;justify-content: center;align-items: center;flex-wrap:wrap;}
.nabizime-menu a {display:flex;padding:15px 24px;background:#000000;font-size: 13px;color:#ffffff;text-transform: uppercase;font-weight: 900;letter-spacing: 1px;margin-right:8px;position:relative;}
.nabizime-menu a.active:after {content:'';display:block;width:0;height:0;border: 15px solid transparent;border-left: 12px solid #5faf39;position: absolute;top: 100%;transform: rotate(90deg);left: 0;right: 0;margin: -2px auto 0px;}

.nabizime-menu a.active {background-color:#5faf39;}
.nabizime-menu a.active:hover:after {border-left-color:#aaaaaa;}
.nabizime-menu a:hover {background-color:#aaaaaa;} 

@keyframes mraky {
  from {background-position: 100vw top;}
  to {background-position: 0% top;}
}


.SlideOne .slick-slide {}

.SlideOne .slide { background-color: transparent; mix-blend-mode: multiply;}
.SlideOne.no-filter .slide { background-color: transparent; mix-blend-mode: unset;}
.SlideOne .slick-slide span {display:none;}
.SlideOne .slick-dots {position:absolute;z-index:999;right: 0px;bottom: -15px;left: 0px;margin: auto auto 0px;min-width: 320px;text-align:center;}
.SlideOne .slick-dots li {float:unset;}
.SlideOne .slick-dots li span {color:#000000;text-transform:uppercase;font-size:14px;font-weight:bold;padding:8px 12px;margin:0px 3px;position:relative;}
.SlideOne .slick-dots li.slick-active span {color:#5faf39;font-weight:800;}

.FlexGal {padding-bottom:48px;}

.bg-box {position:relative;background-color:#000000;background-position:center center;background-size:cover;background-repeat:no-repeat;display:flex;flex: 1 1 31%;padding: 84px 28px;align-items:center;justify-content:center;}
.bg-box * {color:#ffffff;}
.bg-box:before {content:'';display:block;position:absolute;top:0px;left:0px;height:100%;width:100%;background:#4caf50d6;z-index:20;transition:all 200ms ease-in;}
.bg-box:hover:before {background:#000000d6;}
.bg-box > strong {position:relative;z-index:50;font-size:23px;text-transform:uppercase;text-align:center;padding-bottom:10px;line-height:1;font-weight:100;}
.bg-box > div {text-align:center;padding:12px 24px;position:relative;z-index:50;max-width:400px;}

.adv {padding-top: 64px;padding-bottom: 84px;background:linear-gradient(180deg, #ededed, transparent);}
.adv-wrap {gap:28px;display:flex;flex-wrap: wrap;background:#2b2a29;}
.mistnosti-wrap {padding:0;}

.etapa_rest .adv {background:#ffffff;}

/* kontakt-box */

.Kontakt, .Kontakt2 {display:flex;justify-content: stretch;padding:0;}
.kontakt-simple {display:flex;flex-wrap:wrap;gap:10%;justify-content: space-between;width:100%;padding:64px;background:#000000 url(../im/mini/bg-enervily.jpg) no-repeat center center / cover; min-height:50vw;}
.Kontakt2 .kontakt-simple {background: #000000 url(../im/mini/bg-mikulas.jpg) no-repeat center center / cover;}
.kontakt-simple .tel-w, .kontakt-simple .em-w {display:flex;flex: 1 1 44%;flex-direction: column;justify-content: center;align-items:center;}
.kontakt-simple .tel-w > *, .kontakt-simple .em-w > * {display:flex;justify-content: center;align-items:center;text-align:center;font-size: 19px;padding-bottom: 24px;color:#ffffff;}

.kontakt-simple .tel-w a , .kontakt-simple .em-w a {font-size:36px;font-weight:900;letter-spacing: -0.03em;}
.kontakt-simple .tel-w a span, .kontakt-simple .em-w a span {color:#5faf39;font-size:36px;}
.kontakt-simple .tel-w a b, .kontakt-simple .em-w a b {color:#4caf50;font-size:36px;color:#ffffff;}
.kontakt-simple .but-wrap {width:100%;display:flex;align-self: stretch;text-align:center;align-items:center;padding-bottom: 52px;justify-content: center;}
.kontakt-simple .but-wrap a {font-size: 30px; padding: 26px 38px; border-radius: 54px;background:#5faf39;transition:all 200ms ease-in;}
.kontakt-simple .but-wrap a:hover {background:linear-gradient(45deg, #000000, #282828);}

.finv {background:#ffffff;}
.finv img {width:96px;}

.etapa_rest > .standard {flex-direction:column;}

.Adv {padding:0px;}

.flexwrap {flex-wrap:wrap;}
.flexcolumn {flex-direction:column;}
.flexrow {flex-direction:row;}
.flex {display:flex;}
.c-4 {flex: 1 1 40%;display:flex;}

.houseN-item .house-image > a > span:nth-child(1), .houseN-item .house-image > a > span:nth-child(1):hover {z-index:999;}

.Houses {width:100%;padding-top:48px;padding-bottom:48px;}
.houseN-item {margin:0px 5% 48px;width:90%;}
.houseN-item .house-item-buttons {position: absolute;bottom: -25px;text-align: right; width: 100%; right: 22px; z-index: 3099;left: auto;}
.houseN-item .twice-square:before {padding-top: 47%;}
.houseN-item .house-filtr {top: 0px;bottom: auto; padding: 0 20px; margin: 0;z-index: 1100;}
.houseN-item .house-item-buttons a { padding: 17px 20px 15px 36px;float: unset; background: #000000 url(../im/system/more-w.svg) no-repeat 11px center / 16px;}
.house-box {flex-direction: unset;flex-wrap:wrap;justify-content: space-between;}
.house-box .num {font-size: 20px;font-weight: 400;}
.house-box strong {color:#aaaaaa;}

.ico-uzitna-plocha, .ico-pozemek, .ico-lokalita, .ico-zastavena-plocha {padding:12px 0px 6px 48px;border-top:1px solid #f1f1f1;flex:1 1 40%;}
.ico-uzitna-plocha {background:transparent url(../im/mini/uzitna-plocha.svg) no-repeat left center / 29px;}
.ico-pozemek {background:transparent url(../im/mini/pozemek.svg) no-repeat left center / 29px;}
.ico-lokalita {background:transparent url(../im/mini/lokalita.svg) no-repeat left center / 29px;}
.ico-zastavena-plocha {background:transparent url(../im/mini/zastavena-plocha.svg) no-repeat left center / 29px;}

.SlideOneWrap {padding-top:48px;}

.ProduktNWrapBottom .Adv {padding-top:0px;}
.ProduktNWrapBottom {padding:0px;}
.ProduktNWrapBottom .Podobne { padding: 0; margin-bottom: 0;margin-top: 0;}

.Middle.p0b {padding-bottom:0px;}

.Menu a.i-nabizime, a.i-nabizime {color:orange;font-weight:bold;}
.nabizime-orange {background-color:orange;}

.form-menu {}
.form-menu a {float:left;padding:20px;border-bottom:5px solid #97979738;font-size: 13px;text-transform: uppercase;font-weight: 900; letter-spacing: 1px;}
.form-menu a.active {border-bottom:5px solid #ffffff;}
.form-menu a.active.i-nabizime {border-bottom:5px solid orange;}


@media (max-width: 1366px) {
    .ico-uzitna-plocha, .ico-pozemek, .ico-lokalita, .ico-zastavena-plocha {flex: 1 1 80%;}
}
@media (max-width: 1080px) {
    .prod-wrap {width:100%;}
    .standard {width:100%;}
    .standard-wrap {flex-direction: unset;flex-wrap: wrap;}
    .standard-row {flex:1 1 100%;}
    .ProduktBody .popis {padding:32px 0px;padding-top:32px;}
    .produkt_body h1 {font-size: 52px;}
    .kontakt-simple .tel-w a, .kontakt-simple .em-w a {font-size: 28px;}
    .bg-box {flex:1 1 48%;}
    .ProduktBody .standard h2 {text-align: center;}
    .ProduktBody .slick-dots {top: 78px;}
}

@media (max-width: 1024px) {
    .houseN-item .house-filtr { padding: 0px 12px 5px; margin: 0; position: static; background: #000000; width: 100%; float: left;}
    .houseN-item .filtr-ico-47 { position: relative;top: -3px;}
    .houseN-item .filtr-ico-29 { background: transparent url(../im/f/29.svg) no-repeat -4px 1px / 41px;padding-top: 45px;}
    .ProduktNWrap .LeftWrap {flex: 1 1 42%;}
    .ProduktNWrap .RightWrap {flex: 1 1 46%;}
}

@media (max-width: 960px) {
    .ProduktNWrap .LeftWrap {flex: 1 1 100%;}
    .ProduktNWrap .RightWrap {flex: 1 1 100%;}
    .Plocha {}
    .Plocha > div > div {font-size:18px;}
    .produkt_body h1 { position: static; padding: 15px;}
    .ProduktBody .slick-dots {top:0px;}
    .poptavka-opener {top: 0px; right: 100%;left: auto;margin-right: -36px;transform: rotate(90deg);bottom: 100px;}
    .poptavka-fixed-wrap.active .poptavka-opener {margin-right: 0px;transform: rotate(0deg);}
    .standard-row {flex:1 1 30%;}
}
@media (max-width: 840px) {
    .standard-row > div *, .arch-wrap .slova > div, .arch-wrap .slova > div * {font-size:12px;}
    .standard-row > img { flex: 1 1 10%;}
    
}
@media (max-width: 768px) {
    .Plocha > div:before {display:none;}
    .Plocha {padding-top: 32px;padding-bottom:0px;top: 0;flex-direction: unset;flex-wrap:wrap;gap:2%;}
    .Plocha > div {flex: 1 1 45%;margin:0px 0px 2%;padding:4%;}
    .arch-wrap .slova, .arch-wrap-in { flex: 1 1 100%;padding-bottom: 29px; }
    .mistnosti-wrap, .pud-obrazek {width: 100%;}
    .kontakt-simple .tel-w, .kontakt-simple .em-w {display: flex;flex: 1 1 100%;}
    .etapa-box h2 {position: static;width:100%;margin:0px;flex:1 1 100%;}
    .etapa-box {background:#ffffff;}
    .houseN-item {margin: 0px 0 48px;width: 100%;}
}
@media (max-width: 600px) {
    .standard-row {flex: 1 1 100%;}
    .nabizime-menu a {padding: 8px;font-size: 13px; letter-spacing: 0.5px; margin-right: 3px;}
    .kontakt-simple {padding: 64px 24px;}
    .Adv {padding: 0px;}
    .ProduktNWrap .Standard > * {display: flex;justify-content: start;}
    .RealizaceGal.mw-tin {padding:24px;}
}
@media (max-width: 500px) {
    .SlideOneWrap {padding-top: 84px;}
    .kontakt-simple .tel-w a span, .kontakt-simple .em-w a span {font-size:13px;}
    .kontakt-simple .tel-w a b, .kontakt-simple .em-w a b, .kontakt-simple .tel-w a span, .kontakt-simple .em-w a span {font-size:26px;}
    .kontakt-simple .but-wrap a { font-size: 20px; padding: 26px 26px;}
}
@media (max-width: 420px) {
    .standard-row {flex: 1 1 100%;}
    .nabizime-menu {flex-direction:column;flex-wrap:nowrap;align-items: stretch;}
    .nabizime-menu a {width:auto;margin:0px 0px 8px;display:flex;}
    .nabizime-menu a.active:after, .nabizime-menu a.active:hover:after {display:none;}
    .SlideOne .slick-dots {min-width: 300px;}
    .ProduktNWrap .Nadpis {font-size:26px;}
}





/* 2024 */
.hypo-wrap {padding:0px;float:left;width:100%;}
.hypo-box {text-align:center;padding:0px 24px;float:left;width:100%;height:0px;opacity:0;transition: all 50ms ease-out;overflow:hidden;border-radius:8px;position:relative;top:0px;box-shadow: inset 0px 12px 12px -12px #000000;z-index:1;}
.hypo-wrap.active .hypo-box {padding:24px;height:180px;opacity:1;transition: all 150ms ease-in;margin-bottom:32px;}


.ProduktWrap .hypo-wrap.active .hypo-box {height:auto;min-height:224px;}



.hypo-box, .hypo-a, .house-item-buttons .hypo-a:nth-child(2) { color:#ffffff;background: linear-gradient(120deg, #c675ff 0, #c479fe 23%, #bf85fd 47%, #b89afa 72%, #adb7f7 96%, #acbcf7 100%); }
.hypo-box .hypo-a {background: #111111;padding: 15px 24px;text-transform: uppercase;font-size: 14px;font-weight: 900;border-radius: 26px;float:none;display:inline-block;}
.hypo-box, .hypo-box *, .hypo-a, .hypo-a *, .house-item-buttons .hypo-a:nth-child(2) { color:#ffffff; }

.house-item-buttons .hypo-a:nth-child(2) {position:relative;padding-left:37px;}
.house-item-buttons .hypo-a:nth-child(2):before {position: absolute;content: '';display: block;top: 8px;left: 7px;width: 23px;height: 23px; background: transparent url(../im/partner/edofinance.svg) no-repeat center center / 21px; border-radius: 13px;}

.hypo-box > span {width:100%;display:inline-block;box-sizing: border-box;}
.hypo-box > span , .hypo-box > span * {font-size:15px;} 

.hypo-box > span img {width:60px;margin:0px auto 12px;}


@media (max-width: 768px) {
    .hypo-wrap.active .hypo-box{height:212px;}
}

@media (max-width: 380px) {
    .hypo-wrap.active .hypo-box{height:224px;padding:18px;}
}



