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

.richText .richText-editor { height: 60vh; }


.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-menu {padding:0px;float:left;display:table-cell;}
.row-menu a {padding:6px;float:left;line-height:12px;display:table-cell;color:#000000;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: 66%; height: 66%; position: absolute; z-index: 4510; top: 12%; left: 0; right: 0; bottom: 0;overflow: auto; background: #ffffff; padding: 0; margin: 0px 12%; box-shadow: 0px 0px 80px -20px #000000; }
.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;}
.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: 66vh; overflow: auto; overflow-x: hidden; height: calc(66vh - 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;}

.folder .img-square {background:#eeeeee;}

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

.mw-tin.mw-tin-l {padding-left:0;}
.mw-tin.mw-tin-r {padding-right:0;}


.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 */


.PoptavkaWrapMain {}
.nice-label {float:none;display:inline-block;box-sizing:border-box;border:5px solid #313131;margin:0px 6px 12px;}



.nice-label:focus {border: 5px solid silver;}
.nice-label:hover {border: 5px solid gray;}
.nice-label label { min-height: 17px; text-align: left; background-color: #ffffff; font-size: 12px; padding: 5px 9px 0px; float: none; display: inline-block; box-sizing: border-box; margin: 0; width: 100%; }
.nice-label input[type='text'], .nice-label input[type='password'], .nice-label textarea, .nice-label select {text-align:left; border:0;box-shadow:0px 0px 0px 0px #000000;background-color:#ffffff;font-size:16px;padding:3px 7px;float:none;display:inline-block;box-sizing:border-box;margin:0;width:100%;font-weight:bold;color:gray; }
sup {position:relative;vertical-align:bottom;font-size:9px;top:-4px;}
.nice-label select option {padding: 2px 0px;}

.c6.nice-label {width:calc(50% - 12px);}
.c12.nice-label {width:calc(100% - 12px);}

.PoptavkaWrap .nice-label {border-color:#5faf39;}

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;}
.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:#000000;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;}

/* 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:#000000;}
.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:#000000;}
.color-eshop:focus * {font-weight:bold;}
.color-eshop:focus .fil0 {fill:#000000;stroke: #000000;stroke-width: 4px; } 

.color-katalog, .color-katalog * {color:#000000;}
.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:#000000;}
.color-katalog:focus * {font-weight:bold;}
.color-katalog:focus .fil0 {fill:#000000;stroke: #000000;stroke-width: 4px; } 

.color-kategorie, .color-kategorie * {color:#000000;}
.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:#000000;}
.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:#000000;}
.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:#000000;}
.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:#000000;}
.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:#c30e48;}
.color-homepage .fil0 {fill:#c30e48;}
.color-homepage .fil1 {fill:#c30e48;}
.color-homepage:hover .fil0 {fill:#c30e48;}
.color-homepage:hover .fil1 {fill:#c30e48;}
.color-homepage:hover * {color:#c30e48;}
.color-homepage:focus * {font-weight:bold;}
.color-homepage:focus .fil0 {fill:#c30e48;stroke: #c30e48;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-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;}
.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-menu-item:hover {text-decoration:underline;}

.KonfWrap { margin-top: 48px; background: #464646; color: #ffffff; }
.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 form button {margin:0;border:0;}
.folder-obsah-settings form button.c12 {width:100%;} 

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

.folder-obsah-wrap {width:100%;transition: all 150ms ease-out;}
.folder-obsah-settings {width:0;height:auto;transition: all 150ms ease-out;overflow:hidden;}
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:auto;overflow:unset;padding:0;}

.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: #aaaaaa; float: left; padding: 6px 11px; border-radius: 10px; line-height: 1; border: 1px solid #5b5b5b; background: #2b2a29; }
.KonfMenu a.active { text-shadow: 0px 1px 3px #999999, -1px -1px 0px #000000; font-weight: 600; 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; }
.Konf:before { content: ''; padding-top: 56.25%; }
.konf-image { width: 100%; position: absolute; top: 0%; left: 0; }

.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;}
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 center / 30px; }
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: 138px; 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:#000000;}
.KonfForm .item-x .label input[type="radio"] + span {color:#000000;}
.KonfForm.mw-full { padding-top: 13px; padding-bottom: 46px; min-height: calc(100vh - 122px); }

.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: 12px; font-weight: bold; color: #ffffff; background: #ff0000; text-align: center; line-height: 22px; overflow: hidden; border-radius: 32px; position: absolute; top: -13px; right: -3px; border-bottom: 2px solid #9b0000; }
.produkt-item .red-box { top:-17px;}
.KonfForm .strong {font-weight:400;}

.NasePraceWrap { margin-top: 48px; padding-bottom: 64px; background: #f1f1f1; }

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

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




/* wrapper */
          /*
.MenuWrap,
.Footer,
.ProduktWrap,
.ProduktWrapBottom,

.NadpisWrap
{padding-left:24px;padding-right:24px;} */

.RozmerTable {margin-top:48px;} 
                          
.MenuSettings {display:none;}

.Menu {width:100%; margin-top: 10px;position:relative;}
.Menu ul { list-style: none; margin: 0; padding: 0 0px 0px 0px; display: block; float: left; box-sizing: border-box; width: 100%; position: relative; }
.Menu li {color:#ffffff;display:block;width:auto;margin:0;padding:0;float:left;}
.Menu li.right:nth-last-child(1),.Menu li.right:nth-last-child(2) {float:right;padding-right:0;}
.Menu a { color: #c5c5c5; float: left; display: block; box-sizing: border-box; padding: 6px 12px 0px 0px; text-transform: uppercase; transition: all 250ms linear; text-shadow: 0px 1px 3px #999999, -2px -2px 0px #000000; }
.Menu li.right:nth-last-child(1) a,.Menu li.right:nth-last-child(2) a {padding-right:0;padding-left:12px;}
.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;}
  }
  
  .static-active {cursor:pointer;}
  
  .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: 22px; float: left; padding: 11px; }
  .Menu div.search-li > .search-box { overflow: hidden; position: fixed; width: 300px; top: 54px; right: -400px; overflow: auto; max-height: 100%; max-height: calc(100% - 48px); background: #272727; box-shadow:0px -5px 52px 8px #000000; color: #ffffff; border-radius: 2px; }
  .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: 8px 36px 8px 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;}

.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:#000000;}

.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;}
    .Menu a.respo-button > span:nth-child(1) {top:3px;background:#ffffff;}
    .Menu a.respo-button > span:nth-child(2) {top:9px;background:#ffffff;}
    .Menu a.respo-button > span:nth-child(3) {top:15px;text-align:center;color:#ffffff;font-size:10px;font-weight:bold;}
    .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) {

}
@media (max-width: 650px) {
    .Menu li.right, .Menu li {width: 100%;padding: 12px 0px;border-bottom:1px solid #505050; }
}
@media (max-width: 490px) {
    
}





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


.no-bg-paralax { position:relative;}
.no-bg-paralax .txt { position: absolute; top: 24px; left: 0; right: 0; width: 100%; }
.no-bg-paralax .txt * {color:#ffffff;}
.no-bg-paralax .txt > strong { width: auto; max-width: 280px; }
.no-bg-paralax .txt > strong, .no-bg-paralax .txt > strong * {font-size:24px;}
.no-bg-paralax .txt > .small {}

.black-slide { position:relative;}
.black-slide:before { background: #9597006e; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0px; display: block; z-index: 10; }
.black-slide { position: relative;width: 100%; }
.black-slide  * {color:#ffffff;}
.black-slide .strong {}
.black-slide > img {width:100%;float:left;}
.black-slide > div { position: absolute; top: auto; bottom: 0px; left: 0; right: 0; width: 100%; z-index: 60; padding: 19px 14% 21px; }

.black-slide > div  > strong, 
.black-slide > div > strong * {font-size:42px;text-align:left;font-weight:bold;letter-spacing:0.02em;line-height:1.1;}
.black-slide > div  > strong { font-size:23px;width: auto; max-width: 33.33%;text-align:left;font-weight:normal;letter-spacing:0.02em;line-height:1.1; }
.black-slide > div > article {text-align:right;float:right;width:auto;max-width:280px;}



.NasePraceImage {padding:16px;}

@media (min-width: 1661px) {
    .black-slide > div {padding:19px 14% 21px;}
}
@media (min-width: 1920px) {
    .black-slide > div {padding:19px 14% 10px;}
}
@media (min-width: 2200px) {
    .black-slide > div {padding:19px 16% 10px;}
}
@media (min-width: 2500px) {
    .black-slide > div {padding:19px 20% 10px;}
}

@media (max-width: 1660px) {
    .black-slide > div {padding:19px 6% 10px;}
}
@media (max-width: 1280px) {
    .black-slide > div {padding:19px 48px 10px; }
}


@media (max-width: 1080px) {
    .black-slide > div > strong {font-size:18px; }

}
@media (max-width: 800px) {
    .black-slide > div {padding:19px 24px 10px; }
}
@media (max-width: 600px) {
    .black-slide > div > strong, .black-slide > div > strong > span {font-size:18px; }
}


.ico-phone-w {font-size: 32px; }

.OnasWrap { top:0; position: relative; z-index: 100; }
.OnasWrapLeft { margin-top: 0px; padding-bottom: 0px; }
.OnasImage { margin-top: -42px; position: relative; }

.Buttons { min-height: 60px; margin: 32px 0px; }
.Popis2 {width:80%;}
.Popis2 a { color:#5faf39;font-weight:600;}
.OnasWrapLeft {padding-top:48px;}

@media (max-width: 1080px) {
    .black-slide > div > strong { }
    .Popis2 {width:100%;}
}

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

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

.NasePracePopis {padding-bottom:64px;}

.DopravaWrap { position: relative; padding-top: 68px; }
.DopravaWrapRight { }
.DopravaWrapRight *, .DopravaWrapRight {}
.DopravaImage img { width:100%;float:right; }
.DopravaImage.mw-tin-l { padding-left: 32px; padding-top: 36px; }
.DopravaImage.mw-tin-l.c8 {padding-right:0;}

.DopravaPopis {padding:13px 0px;}

.nadpis1 { font-size: 28px; position: relative; margin-bottom: 24px; padding-bottom: 7px; }
.nadpis1:before {content:'';display:block;position:absolute;bottom:0px;left:2px;height:4px;width:40px;background:#5faf39;}

.nabizime-gal {padding-top:64px;}
.nabizime-gal > div { margin: 0px 0px 64px; text-align: left; padding-right: 5%;width:50%; }
.nabizime-gal > div > img { width: 64px; height: 64px; padding: 8px; border-radius: 100px; overflow: hidden; background: #ffffff; float: left; border-bottom: 6px solid #5faf39; box-shadow: inset 0px -5px 18px -14px #000000; }
.nabizime-gal > div > div {float:left;padding-left:12px;width:90%;width:calc(100% - 80px);}
.nabizime-gal > div > div > strong { width: 100%; float: left; font-size: 18px; padding-top: 6px; }
.nabizime-gal > div > div > article {width:100%;float:left;}

.NabizimeWrapLeft {padding-right:5%;padding-top:64px;}
.Nabizime {margin:32px 0px 0px;border-left:1px dotted #ffffff;border-left:1px dotted #ffffff99;padding-left:32px;}

@media (max-width: 1080px) {
    .nabizime-gal > div { width:100%;margin-bottom:32px;}
}
@media (max-width: 768px) {
   .NabizimeWrapLeft, .Nabizime { width:100%;margin:0;padding: 0px 0px 32px;}
   .Nabizime {border:0;border-top:1px dotted #ffffff;}
}


.typy-gal {padding-top:0px;}
.typy-gal > div { margin: 0px 0px 64px; padding-right: 0%;width:33.33%; }
.typy-gal > div > img {width:128px;height:128px;padding:8px;float:none;display:inline-block;}
.typy-gal > div > div {float:none;display:inline-block;width:100%;}
.typy-gal > div > a { font-weight:bold;float: none; display: inline-block; width: auto; margin: 12px auto;box-sizing: border-box; }
.typy-gal > div > a:hover { box-sizing: border-box; }

.typy-gal > div > div > strong {width:100%;float:left;font-size:20px;text-align:center;}
.typy-gal > div > div > article {width:100%;float:left;text-align:center;}

@media (max-width: 768px) {
   .typy-gal > div > img {width:84px;height:84px;}
   .DopravaWrapRight.mw-tin.mw-tin-r {width:100%;padding-right:32px;}
}


.ref-gal {}
.ref-gal > div  {}
.ref-gal > div:nth-child(3n) { margin-right:0;}
.ref-gal > div img { width: 100%; float: left; box-shadow: 0px 0px 0px 16px #ffffff; }

.TypyVaznikuWrapLeft { padding-top: 2%; }


@media (max-width: 1080px) {
    .PoptavkaMenu .sb-green, .PoptavkaMenu .sb-black {float:left;margin:12px 8px 0px;}
    
}


@media (max-width: 990px) {
    .TypyVaznikuWrapLeft {width:50%;padding:0;}
    .TypyVazniku {width:100%;padding:0;}
    .ref-gal > div {width:50%;}
    .NasePraceWrap > * {width:100%;}
    
    .PoptavkaWrap, .PoptavkaWrap2 {width:100%;padding:0;}
    
}
@media (max-width: 768px) {
    .TypyVaznikuWrapLeft {width:100%;padding:0;}
    .TypyVazniku {width:100%;padding:0;}
}
@media (max-width: 640px) {
    .typy-gal > div > div > strong { font-size: 15px;}
    .ref-gal > div {width:100%;}
}
@media (max-width: 500px) {
    .TypyVazniku .typy-gal > div {display:inline-block;float:none;margin:0px auto;padding:12px;}
    .TypyVazniku .typy-gal {text-align:center;}
        
    .DopravaWrap { padding-top: 32px; }
    .nice-label, .c6.nice-label, .c12.nice-label {width:100%;padding:0;margin:0px 0px 8px;}
}
@media (max-width: 400px) {
    .TypyVazniku .typy-gal > div {display:inline-block;float:left;margin:0px auto;padding:12px;width:100%;}
    .TypyVazniku .typy-gal {text-align:center;}
    .typy-gal > div > div > strong { font-size: 28px; }
    .typy-gal > div > img { width: 128px; height: 128px; padding: 8px;}

    
}


.SluzbyWrap { background: #515151 url(../im/system/bg.jpg) no-repeat center top / cover; padding-top: 0; position: relative; background-attachment: fixed; }


.TypyVaznikuWrap { background: #313131bf; background: #2060609e; padding-top: 48px; }
.NabizimeWrap { background: #4a9327d1; background: #176056c7; margin-top: 0px; box-shadow: 0px 20px 64px -24px #000000; }

.NabizimeWrap, .NabizimeWrap *, .TypyVaznikuWrap, .TypyVaznikuWrap * {color:#ffffff;}

.OnasImage img { max-width: 73%; overflow: hidden; float: left; }
        
@media (max-width: 1336px) {
        .OnasImage img { max-width:80%; overflow: hidden; float: left; }
    .OnasWrapLeft {padding-right:0;}
}        
@media (max-width: 1080px) {
        .OnasImage img { max-width:100%;}
        .OnasImage { margin-top: -23px;}
}  

@media (max-width: 920px) {
        .OnasImage img { max-width:100%;}
        .OnasImage { margin-top: 50px;}
        .OnasWrapLeft {padding-top:24px;}
}             
@media (max-width: 850px) {
        .OnasWrapLeft, .OnasImage {width:50%;}
}             
@media (max-width: 768px) {
        .OnasWrapLeft {width:60%;}
        .OnasImage {width:40%;}
} 
@media (max-width: 600px) {
        .OnasWrapLeft {width:100%;}
        .OnasImage {width:70%;margin:0px 15%;}
        .Popis2 {width:100%;}
        .ico-phone-w {font-size:16px;line-height:40px;}
        .black-slide > div > strong { max-width: 50%; font-size: 14px; }
        .black-slide > div > article {max-width: 50%;}
        .black-slide > div { padding: 0px 24px 8px; }
        

.ico-phone-w {
    font-size: 13px;
    line-height: 40px;
    margin-top: -14px;
}
        
} 


.ProduktWrap { position: relative; box-shadow: 0px -20px 82px -52px #000000; padding-bottom: 32px; background: #e9e9e9; color: #2b2a29; background: linear-gradient(154deg, rgb(226 226 226) 0%, rgb(240 240 240) 35%, rgb(244 244 244) 76%, rgb(225 225 225) 100%); }
.NadpisWrap { position: static; height: auto; width: 100%; background: #ffffff; background: #ffffff7a; padding: 20px 20px 20px; }
.NadpisWrap, .NadpisWrap * { color: #000000; }

.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:#000000;}

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

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


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



@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 { width: 100%;padding-left:0;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: 12px; }
.slick-dots li { background: transparent; width: auto; height: 32px; margin: 0; color: #ffffff; opacity: 0.7; width: 100%; 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; padding-top: 7px; }
.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;}



.buttons-down { position: absolute; bottom: 0; left: 256px; right: 256px; width: auto; text-align: center; padding: 4px; }
.buttons-down > a { min-width: 175px;height: auto; width: auto; float: none; box-sizing: border-box; padding: 0; border: 3px solid #ffffff; border-radius: 64px; background: transparent; margin-right: 9px; transition: all 200ms ease-in; position: relative; display: inline-block; }
.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: -1px; 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 {font-size:15px;}
    .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: #000000; 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; font-size: 16px; text-align: right; padding-right: 0; color: #000000; }
.nice-table table tr > td:nth-child(2) > b {color:#5faf39;}




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

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

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

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

.Popis small { font-size: 11px; color: #505050; }
.Popis div, .Popis p, .Popis article { line-height: 1.2; margin-bottom: 6px; }  .Popis p, .Popis article {margin-bottom:20px;}
.ProduktWrapBottom {background:#ffffff;}
.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: #000000; 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: 0px;}
.Middle.bg-green { background:#000000; }
.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: 3px; 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 {}
    
}

.PoptavkaMenu {padding: 12px 4px; background: #ffffff; box-shadow: 0px 6px 12px -9px #000000;}

.DopravaWrap .DopravaWrapRight {width:100%;padding-bottom:0;}
.DopravaWrap .DopravaImage {width:100%;padding-top:0;}

.DopravaTabulka {padding-bottom:64px;}
.DopravaTabulka table {border:0;width:100%;float:left;max-width:100%;}
.DopravaTabulka > .c6 {}
.DopravaTabulka > .c6:nth-child(1) {padding-right:20px;}
.DopravaTabulka > .c12 {}
.DopravaTabulka > div > table {}
.DopravaTabulka > div:nth-child(3) {background:#f1f1f1;margin-top:12px;}
.DopravaTabulka > div:nth-child(3) > table tr {background:transparent;}
.DopravaTabulka > div > table tr td:nth-last-child(1) {text-align:right;}
.DopravaTabulka > div > table tr:nth-child(1) td {font-weight:bold;}
.DopravaTabulka > div:nth-child(1) > table tr:nth-child(1),
.DopravaTabulka > div:nth-child(2) > table tr:nth-child(1) {background:#5e5e5e;color:#ffffff;}

@media (max-width: 680px) {
  .DopravaTabulka > .c6, .DopravaTabulka > .c6:nth-child(1) {width:100%;padding:0;margin:0px 0px 20px; }
  .DopravaWrapRight *, .DopravaWrapRight { text-align: justify; }
  .DopravaWrapRight h3 {text-align:left;}
}


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



.Footer.bgfooter1 { background: #2b2a29 url(../im/system/bgfooter1.jpg) no-repeat center top / cover; }
.Footer.bgfooter1 .footer-link {color:#ffffff;}
.Footer.bgfooter1 input[type='text'], .Footer.bgfooter1 textarea, .Footer.bgfooter1 select { background: #000000; border: 0; color: #ffffff; background: transparent; border-bottom: 1px solid #ffffff; }
.Footer.bgfooter1 .b1t { border-top: 1px solid #ffffff; }
.Footer.bgfooter1 .b1r { border-right: 0; }
.Footer.bgfooter1 .copyr {border-top: 1px solid #ffffff;}

@media (max-width: 990px) {
    .Footer.bgfooter1 {  }
}

.bg-pruh {background:#ffffff url(../im/system/pruh.jpg) no-repeat center top / contain;padding-top:6%;}
.nadpis-white {color:#ffffff;padding-bottom:4%;}





@media (max-width: 768px) {
    .bg-pruh {padding-top:4%;}
}
@media (max-width: 600px) {
    .bg-pruh {padding-top:1%;}
    h1, h2, h3, h4, h5, h6, .nadpis1, .nadpis {font-size:24px;}
}
@media (max-width: 480px) {
    .bg-pruh {padding-top:0px;}
    .bg-pruh h1 {margin-top:8px;}
    h1, h2, h3, h4, h5, h6, .nadpis1, .nadpis {font-size:20px;}

}

.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: 0 0 6px; padding: 6px 0px 4px; 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:#000000;}   */


@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: 9345; border: 1px solid #cacaca; }
.scrollertop img {float:left;border:0;margin:0;width:32px;height:32px;}


.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; }
.Popis a.submit, .popis a.submit { color:#ffffff;text-decoration:none;display:inline-block; }

.Popis a.sb-green {color:#ffffff;}
.Popis a.sb-green:hover, .Popis a.sb-green:hover b {color:#313131;}

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

.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 center / 16px;padding: 8px 8px 8px 20px; color: #313131;line-height:1.3;}



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

.price {color:#54af44;font-weight:900;}

.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 {}
.produkt-item-popis { position: static; width: 100%; max-height: 100%; }
.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: -3px -2px 10px -6px #000000; }
.produkt-item:nth-child(3n) {margin:0px 0px 24px 0px; }

.produkt-item.produkt-item-slide {margin:0;float:left;background:#ffffff}

.produkt-item.produkt-item-slide table {width:100%;}
.produkt-item.produkt-item-slide td {width:50%;}
.produkt-item.produkt-item-slide td:nth-child(2) {text-align:right;font-weight:bold;font-size:13px;}
.produkt-item.produkt-item-slide tr:nth-child(odd) { background: #61be51; background: #9cff8c30; }

.produkt-item.produkt-item-slide .twice-square:before {padding-top:54%;}

.SeznamProdukt.mw-tin.mw-tin-l { padding-bottom: 9px; padding-top: 0px; }

.SeznamProdukt {position:relative;}
.SeznamProdukt .sl-left {cursor:pointer;position:absolute;bottom:0px;left:-32px;width:32px;z-index:111;background:transparent url('../im/system/arr-left-w.svg') no-repeat left center / 32px;top: 39px;}
.SeznamProdukt .sl-right {cursor:pointer;position:absolute;bottom:0px;right:-32px;width:32px;z-index:112;background:transparent url('../im/system/arr-right-w.svg') no-repeat right center / 32px;top: 39px;}

@media (max-width: 1080px) {
.Popis a.sb-green {float:left;}
}




@media (max-width: 1024px) {
    .ref-item {width:98%;}
    .SeznamProdukt .produkt-item {}
    .SeznamProdukt .produkt-item:nth-child(3n) {margin: 0px 0px 0px 0px;}
    .SeznamProdukt .produkt-item:nth-child(2n) {margin: 0px 0px 0px 0px;}    
    .Podobne .produkt-item, .Info .produkt-item, .Mag .produkt-item {}
    .Podobne .produkt-item:nth-child(3n), .Info .produkt-item:nth-child(3n), .Mag .produkt-item:nth-child(3n)  {margin: 0px 0px 0px 0px;}
    .Podobne .produkt-item:nth-child(2n), .Info .produkt-item:nth-child(2n), .Mag .produkt-item:nth-child(2n)   {margin: 0px 0px 0px 0px;}     
}
@media (max-width: 640px) {
    .SeznamProdukt .produkt-item {width:100%;margin: 0px 0px 0px 0px;}
    .SeznamProdukt .produkt-item:nth-child(3n) {margin: 0px 0px 0px 0px;}
    .SeznamProdukt .produkt-item:nth-child(2n) {margin: 0px 0px 0px 0px;}    
    .Podobne .produkt-item, .Info .produkt-item, .Mag .produkt-item   {width:100%;margin: 0px 0px 0px 0px;}
    .Podobne .produkt-item:nth-child(3n), .Info .produkt-item:nth-child(3n), .Mag .produkt-item:nth-child(3n)   {margin: 0px 0px 0px 0px;} 
    .Podobne .produkt-item:nth-child(2n), .Info .produkt-item:nth-child(2n), .Mag .produkt-item:nth-child(2n)   {margin: 0px 0px 0px 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: 9999; 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: #000000; 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 { font-size: 12px; padding: 7px 12px 7px 32px; display: inline-block; margin: 0px; text-transform: uppercase; background-color: #54af44; border-radius: 5px; box-shadow: inset 0px 3px 0px 0px #39872b; box-shadow: inset 0px -1px 0px 0px #39872b, inset 0px 2px 1px 0px #86c568; }
.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;}

.produkt-item-buttons a small { font-size: 11px; color: white; text-transform: none; }


.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-right: 1px solid #2c2c2c; }
.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 {border:1px solid #313131;}

.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 12px 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:#000000; }
.a-check:hover {color:#000000;}
.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 {}

.KatalogHead { background: #000000 url(../im/system/bg1.jpg) no-repeat left 0 / 50%; background-attachment: fixed; }
.KatalogHead.mw-tin.mw-tin-r {padding-right:7%;}
.KatalogHead {padding-top: 32px;padding-bottom:56px;}
.KatalogHead, .KatalogHead * {color:#ffffff;}

@media (max-width: 990px) {
    .KatalogHead {padding-bottom:32px;}
    .KatalogHead, .SeznamProdukt{ width:100%;padding:0px 32px 48px; }
    .KatalogHead.mw-tin.mw-tin-r { padding-right: 48px;padding-left:48px; }
    
    .KatalogHead { background: #000000 url(../im/system/bg1.jpg) no-repeat center top / cover; background-attachment: fixed; } 
    .SeznamProdukt { background: #000000 url(../im/system/bg1.jpg) no-repeat center top / cover; background-attachment: fixed; } 
    .SeznamProdukt.mw-tin.mw-tin-l {width:100%;padding:0px 48px 48px;margin:0;}
}
@media (max-width: 380px) {
    .KatalogHead.mw-tin.mw-tin-r { padding-right: 24px;padding-left:24px; }
    .SeznamProdukt.mw-tin.mw-tin-l {width:100%;padding:0px 24px 48px;margin:0;}

}


.MenuRady { text-align: center; padding-bottom: 63px; }
.MenuRady > div { float: none; width: 17%; width: calc(20% - (24px * 4 / 5 )); margin: 0px 24px 24px 0px; display: inline-block; padding: 0px;position:relative; }
.MenuRady > div:nth-child(5n) {margin:0px 0px 24px 0px; }
.MenuRady h2 {color:#ffffff;text-align:left;padding:12px 0 6px;margin:0px 0px 9px;}
.MenuRady .box-popis {text-align:left;}

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

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

.Rady {background:#ffffff;padding-top:72px;padding-bottom:72px;}

.menu-rady-hp {background:#ffffff;}
.menu-rady-hp > div {background:transparent;padding:0;float:left;position:relative;}
.menu-rady-hp .box-popis { color: #505050; margin-bottom: 0px; height: 136px; }
.menu-rady-hp .ico-more-w { background: #54af44 url(../im/system/more-w.svg) no-repeat 7px center / 20px;border-radius:5px;text-decoration:none; color: #ffffff; position: absolute; bottom: 20px; right: 0px; z-index: 1000; padding: 8px 12px 8px 32px; border-bottom: 3px solid #39872b; }
.menu-rady-hp h2, .menu-rady-hp h3 {color:#313131;}

@media (max-width: 1080px) {
    .MenuRady > div { width: 47%; width: calc(50% - (24px * 1 / 2 )); margin: 0px 24px 24px 0px; }
    .MenuRady > div:nth-child(2n) { margin:0px 0px 20px; }
    .MenuRady > div:nth-child(5) { width: 100%; margin: 0px; }      
}  
@media (max-width: 560px) {
    .MenuRady > div, .MenuRady > div:nth-child(2n) { width: 100%; margin: 0px 0px 0px; } 
    .MenuRady {padding-bottom:0;}
}   


.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; 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: 14px; font-weight: 600; }
.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: #000000 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: 24px; padding: 0px; }


.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:48px;left:0;bottom:0;right:0;overflow:auto;z-index:89999;background:#313131;background:#00000096;transition:all 250ms linear;}
.gdpr-wrap.active {top:-100%;bottom:110%;opacity:0;}
.gdpr-box { position: absolute; top: 96px; left: 0; right: 0; z-index: 99999; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 60px -24px #000000; width: 500px; max-width: 90%; height: auto; padding: 38px 20px 20px; margin: auto; overflow: auto; max-height: 70%; max-height: calc(100% - 122px); }
.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; float: left; display: block; box-sizing: border-box; padding: 6px 12px 6px 0px; text-transform: uppercase; transition: all 250ms linear; text-decoration: underline;text-shadow:0px 0px 0px #000000; }
.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: #59af30 url(../im/system/ico-pdf.svg) no-repeat 4px 3px / 32px; padding: 12px 12px 12px 40px; color: #ffffff; margin-top: 10px; }
.download-item a {color:#ffffff;font-weight:800;text-decoration:underline;}
.download-name {font-weight:400;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;}

@media (min-width: 2501px) {
    .SlideWrap .Slide , .mw, .mw-full, .mw-tin {padding-left:20%;padding-right:20%;}

}
@media (max-width: 2500px) {
    .SlideWrap .Slide , .mw, .mw-full, .mw-tin {padding-left:18%;padding-right:18%;}

}
@media (max-width: 2200px) {
    .SlideWrap .Slide , .mw, .mw-full, .mw-tin {padding-left:16%;padding-right:16%;}

}
@media (max-width: 1920px) {
    .SlideWrap .Slide , .mw, .mw-full, .mw-tin {padding-left:14%;padding-right:14%;}

}
@media (max-width: 1660px) {
    .SlideWrap .Slide, .mw, .mw-full, .mw-tin {padding-left:6%;padding-right: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 { padding-left: 48px; padding-right: 48px; }
   
} 
@media (max-width: 800px) {
    .mw, .mw-full, .mw-tin {padding-left:24px;padding-right:24px;} 
    .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) {
    .SlideWrap .Slide , .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) {
    .SlideWrap .Slide , .mw, .mw-full, .mw-tin {padding-left:12px;padding-right:12px;} 
}