@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,400;0,500;0,700;0,900;1,900&display=swap');

::-webkit-scrollbar {width: 10px;background-color:#ffffff;z-index:9999999998;}
::-webkit-scrollbar-thumb { background: #404040; z-index: 99999999999; border-left: 0; border-right: 0; width: 10px; border: 0; }
::-webkit-scrollbar-track { background-color: #c5c5c5; z-index: 9999999999; }
::-webkit-input-placeholder {color:#bbbbbb;}
:-moz-placeholder {color: #bbbbbb;}
::-moz-placeholder {color: #bbbbbb;}
:-ms-input-placeholder {color: #bbbbbb;}

.ico-search::-webkit-input-placeholder {color: #bbbbbb;}
.ico-search:-moz-placeholder {color: #bbbbbb;}
.ico-search::-moz-placeholder {color: #bbbbbb;}
.ico-search:-ms-input-placeholder {color: #bbbbbb;}


body, html { overflow-x:hidden;font-family: 'Roboto',sans-serif;font-weight:400;font-size:13px;width: 100%;height: 100%;margin: 0;padding: 0px 0px 0px;color:#404040;background:#fefefe; line-height: 1.33;min-height: 100vh;}
body.layer-opened {background: #404040;}

body.layer-opened .MainMenuWrap { background: #404040; }

pre {margin:100px 0px;display:block;float:left;background:#ffffff;}
pre, pre * {color:#404040 !important;}

div {display:block;width:auto;box-sizing:border-box;line-height: 1.33;}
div, span, a, b, strong, input, textarea, button, form, ul, li {box-sizing:border-box;}

a img {border:0;}
a, input, textarea, button, select {outline:0;}

a {text-decoration:none;}

.td-un { text-decoration:underline; }
.td-lt { text-decoration:line-through; }

.strong, strong, b {font-weight:600;font-family:'Roboto';}

.ttu {text-transform:uppercase;}
.ttl {text-transform:lowercase;}
.ttn {text-transform:none;}

p {line-height: 1.4;color: #616161;}

.admin_css .close-layer-button { top: 0px; right: 16px; background: #000000; }
.admin_css table {margin:0;}
.admin_css table tr:nth-child(odd) {background:rgb(241,241,241);}

textarea, input, select, .as-input { font-family: 'Roboto'; box-sizing: border-box; min-height: 24px; border: 0; border-radius: 1px; background-color: #ffffff; border-radius: 2px; border:1px solid #aeaeae; font-size:13px; }

.as-input {box-sizing:border-box;padding:8px 4px;}
form {width:100%;border:0;font-family:'Roboto';box-sizing:border-box;min-height:24px;border: 0;}

form .loading {position:absolute;left:0;top:0;z-index:9999;width:auto;transition: all 50ms linear;background:#005511;height:8px;}

textarea:hover, input:hover, select:hover {box-shadow: inset 0px 0px 10px -6px #f7f8fb;border-color:#000000;}
textarea:focus, input:focus, select:focus { box-shadow: inset 0px 0px 10px -5px #ffeb3b; border-color:#ffc107;  }

.label {position:relative;}

.label input[type="radio"] + span { text-align: left; color: #6a6a6a; display: block; float: left; position: relative; z-index: 101; padding: 0px 0px 0px 34px; cursor: pointer; margin: 5px 0px; }
.label input[type="radio"] + span + div {color: #6a6a6a;text-align:right;float:right;width:50%;}
.label input[type="radio"]:checked + span { color: #404040; }
.label input[type="radio"]:checked + span + div {color: #1c8ec8;}
.label input[type="radio"] + span:before { content: ''; width: 21px; height: 21px; border: 1px solid #000000; border-radius: 18px; display: block; float: left; position: absolute; left: 0px; top: -3px; z-index: 221; }
.label input[type="radio"] + span:after {transition: all 200ms linear;content: '';width: 13px;height: 13px;background: #c4c4c4;border-radius: 24px;position: absolute;left: 5px;top: 2px;z-index: 222;display: block;margin: 0;}
.label input[type="radio"]:checked + span:before { border: 1px solid #000000; background: #000000; }
.label input[type="radio"]:checked + span:after {    background: transparent;border: 4px solid #54c90b;width: 9px;top: 2px;left: 5px;height: 5px;border-radius: 0;transform: rotate(-45deg);border-right: 0;border-top: 0;}
.label input[type="radio"] { 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; }

input[type="radio"]:checked + .label {background:red;}

.label input[type="checkbox"] + span { text-align: left; color: #404040; display: block; float: left; position: relative; z-index: 101; padding: 4px 0px 4px 27px; cursor: pointer; }
.label input[type="checkbox"] + span + div {color: #6a6a6a;text-align:right;float:right;width:50%;}
.label input[type="checkbox"]:checked + span { color: #404040; }
.label input[type="checkbox"]:checked + span + div {color: #1c8ec8;}
.label input[type="checkbox"] + span:before { content: ''; width: 21px; height: 21px; border: 1px solid #404040; border-radius: 2px; 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: 13px; height: 13px; background: #e7e7e7; border-radius: 1px; position: absolute; left: 5px; top: 5px; z-index: 222; display: block; margin: 0; }
.label input[type="checkbox"]:checked + span:before { border: 1px solid #404040; background: black; }
.label input[type="checkbox"]:checked + span:after { background: transparent;border: 4px solid #4ec70e;width: 15px;top: 3px;left: 2px;height: 6px;transform: rotate(-45deg); border-right: 0;border-top: 0px;}
.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; }


.label.label-hidden  span { text-align: left; color: #6a6a6a; display: block; float: left; position: relative; z-index: 101; padding: 5px 0px 0px 34px; cursor: pointer; margin: 5px 0px; opacity:0.45; }
.label.label-hidden  span + div {color: #6a6a6a;text-align:right;float:right;width:50%;}
.label.label-hidden  span:before { content: ''; width: 21px; height: 21px; border: 1px solid #404040; border-radius: 18px; display: block; float: left; position: absolute; left: 0px; top: 0px; z-index: 221; }
.label.label-hidden  span:after { transition: all 200ms linear; content: ''; width: 13px; height: 13px; background: #f7f7f7; border-radius: 24px; position: absolute; left: 5px; top: 5px; z-index: 222; display: block; margin: 0; }

.label img.img-with-check { position: absolute; top: 0px; right: 0px; height: 23px; border-radius: 100%; border: 0px solid #ffffff; box-shadow: inset 0px 0px 0px 0px #404040; background: #dddddd; width: 23px; }
.label.img-with-check-label { padding-right: 27px; }


.label.active-me { background: #e7ebef; border: 1px solid #c8cdd2; }
.label.active-me.active {background:#ffffff;}

.label.active-me.img-with-check-label { padding-left: 16px; }

.comgate-methods .label.active-me.img-with-check-label { padding-left: 16px; width: 50%; display: inline-block; float: none; min-height: 91px; }


.drop-id-item {}

.u_me_galerie_thumbs {max-width:100%;}

.drop-here {overflow:hidden; margin:12px 0px;cursor: pointer; float: left; width: 100%; min-height: 29px; border: 1px dotted #FEA93D; padding: 2px; background-color: #ffffff; text-align: center; border-radius: 3px; transition: all 150ms linear; float: right; }
.drop-here, .drop-here * {color:#000000;}
.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;}





.layer .ui-widget-header { border: 1px solid #404040; background: #404040; color: #fff; font-weight: bold; }
.layer .ui-widget-content { border: 1px solid #ebeff1; background: #ecf0f2; color: #333; }
.layer .ui-state-default, .layer .ui-widget-content .ui-state-default, .layer .ui-widget-header .ui-state-default { border: 1px solid #a6aaac; background: #ffffff; font-weight: bold; color: #1c94c4; border-radius: 100%; width: 32px; height: 32px; top: -12px; }
.layer .ui-slider-horizontal .ui-slider-handle { margin-left: -16px; }
.layer .ui-sli { margin: 5px 0px 16px; }

.ui-widget-content.ui-datepicker { border: 1px solid #f5f6f9; background: #f5f6f9 url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333; padding: 20px; box-shadow: 0px 1px 44px -20px #404040; }

.layer-wrap > form {padding:20px;box-sizing:border-box;}




.layer-wrap > .SubmitPanel:nth-child(1) {margin-top:48px;}
.layer .Obrazek .slider1 .open-gal:before { padding-top:110%; }
.layer .Obrazek {}

.layer .Obrazek .slider1 .open-gal:before { padding-top: 40%; }

.layer .Obrazek .slider1 .slick-gal:before { padding-top:110%; }
.layer .Obrazek {}

.layer .Obrazek .slider1 .slick-gal:before { padding-top: 40%; }


.Obrazek .slick-slide > div {width:100%;}


.obrazek-wrap {width:100%;}
.obrazek-menu.slick-slider {width:100%;margin:0px 0px;}

.obrazek-menu .slick-slide { cursor:pointer;   border: 3px solid #cccccc;padding: 0px;margin: 3px;border-radius: 12px;overflow: hidden;background:#ffffff;}
.obrazek-menu .slick-slide.slick-current {border: 3px solid #000000;}

.obrazek-menu .slick-slide img {}
.Obrazek {position:relative;}
.detail-item {position:absolute;top:0px;left:0px;padding:0px;width:100%;}

.in-t {border:1px solid #eeeeee;color:#313131;border-radius:4px;} /* input text */

.like-submit { padding: 7px 15px; cursor: pointer; background: #00bcd4; color: #000000; font-size:13px; border: 0; box-sizing: border-box; outline: 0; border-radius: 3px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 1; }
.like-submit-black { padding: 7px 15px; cursor: pointer; background: #000000; color: #ffffff; font-size:13px; border: 0; box-sizing: border-box; outline: 0; border-radius: 3px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 1; }

.submit, button { padding:12px 16px; cursor: pointer; background: #2196f3; color: #ffffff; font-size:14px; border: 0; box-sizing: border-box; outline: 0; border-radius: 3px; font-weight: 700; text-transform: uppercase; text-align: center; line-height: 1; }
button.submit-transparent {color:#404040;background-color:transparent;border:0;font-weight:400;text-transform:unset;text-align:left;font-size: 14px;}
.submit.submit-bw, button.submit-bw { color: #ffffff; font-weight: 600; background: #313131; }
.submit.submit-ar-l, button.submit-ar-l, .submit-ar-l {margin-right:2px;background-image: url('../im/submit-ar-l-w.svg');      background-position: 5px center; background-size: 14px; background-repeat: no-repeat;padding-left:32px;box-sizing:border-box;}
.submit.submit-ar-r, button.submit-ar-r, .submit-ar-r { margin-left: 2px; background-image: url(../im/a_right_full.svg); background-size: 14px; background-repeat: no-repeat; padding-right: 32px; box-sizing: border-box; background-position: calc(100% - 5px) center; }

.submit-r {background-color:red;color:#ffffff;}
.submit:hover, button:hover { background-color: #000000; color: #ffffff; }

  .submit.bgg, button.bgg  {background-color:#00a907;color:#ffffff;}
  .Filtry .voucher-box .submit.gg {background-color:#00a907;color:#ffffff;}

.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;}
.hide-i {display:none !important;}

.bg-plus {background: transparent url('../im/plus.svg') no-repeat 3px center / 12px;}
.bg-search {background: transparent url('../im/search.svg') no-repeat 4px center / 16px 16px;}
.cw {color:#ffffff;}
.cb {color:#404040;}
.cs {color:#fefefe;}
.cr {color:red;}
.co {color:orange;}
.cg {color:#67b809;}
.bgw {background-color:#ffffff;}
.bgb { background-color: #eaeae3; }
.bgs, .bgs.submit, button.bgs  {background-color:#eaeae3;}
.bgs2 {background-color:#f5f6f9;}
.bgr, .submit.bgr {background-color:red;}
.bgo {background-color:orange;}
.bgg {background:#67b809;}


button.m0t, .submit.m0t,.admin_css button.m0t {margin-top:0;}

.p {font-size:16px;}
h1, .h1, .Nadpis { font-size: 24px; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 7px; min-height: 1px; font-weight: 600; line-height: 1.4; color:#000001; font-family: 'Roboto'; }
h2, .h2, h3, .h3, h4, .h4 { font-size: 20px;  padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0px; min-height: 1px; font-weight: 600; line-height: 1.4;font-family:'Roboto';}
h5, .h5, h6, .h6 {  font-size: 17px; padding-top:0;padding-bottom:0;margin-top:0;margin-bottom: 0px; min-height:1px; line-height: 1.4;font-family:'Roboto';}

.b1 {border:1px solid #eeeeee;}
.b1l {border-left:1px solid #eeeeee;}
.b1r {border-right:1px solid #eeeeee;}
.b1t {border-top:1px solid #eeeeee;}
.b1b {border-bottom:1px solid #eeeeee;}
.ou1 {outline:1px solid #eeeeee;}

.b2 {border:4px solid #eeeeee;}
.b2l {border-left:4px solid #eeeeee;}
.b2r {border-right:4px solid #eeeeee;}
.b2t {border-top:4px solid #eeeeee;}
.b2b {border-bottom:4px solid #eeeeee;}
.ou2 {outline:4px solid #eeeeee;}

.b1-r {border:1px solid red;}
.b1l-r {border-left:1px solid red;}
.b1r-r {border-right:1px solid red;}
.b1t-r {border-top:1px solid red;}
.b1b-r {border-bottom:1px solid red;}
.ou1-r {outline:1px solid red;}

.b1-b {border:1px solid #404040;}
.b1l-b {border-left:1px solid #404040;}
.b1r-b {border-right:1px solid #404040;}
.b1t-b {border-top:1px solid #404040;}
.b1b-b {border-bottom:1px solid #404040;}
.ou1-b {outline:1px solid #404040;}

.b1-o {border:1px solid orange;}
.b1l-o {border-left:1px solid orange;}
.b1r-o {border-right:1px solid orange;}
.b1t-o {border-top:1px solid orange;}
.b1b-o {border-bottom:1px solid orange;}
.ou1-o {outline:1px solid orange;}

.b1-g {border:1px solid #67b809;}
.b1l-g {border-left:1px solid #67b809;}
.b1r-g {border-right:1px solid #67b809;}
.b1t-g {border-top:1px solid #67b809;}
.b1b-g {border-bottom:1px solid #67b809;}
.ou1-g {outline:1px solid #67b809;}

.oh {overflow:hidden;}
.oa {overflow:auto;}
.os {overflow:scroll;}
.ohx {overflow-x:hidden;}
.oax {overflow-x:auto;}
.osx {overflow-x:scroll;}
.ohy {overflow-y:hidden;}
.oay {overflow-y:auto;}
.osy {overflow-y:scroll;}

.l-thr {text-decoration:line-through;}

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

.bs1 {box-shadow: 2px 2px 6px -4px #404040;}
.bs2 {box-shadow: 4px 4px 12px -8px #404040;}
.bs3 {box-shadow: -1px 1px 32px -20px #404040}

.before-ar-top-left:before, .before-ar-top-right:before { content: ''; transform: rotate( 45deg ); width: 32px; height: 32px; position: absolute; bottom: 100%; background: #eeeeee; margin-bottom: -1px; }
.before-ar-top-left:before {left:10px;}
.before-ar-top-right:before {right:10px;}


.mw {padding-left:12%;padding-right:12%;box-sizing:border-box;float:left;display:block;width:100%;}
.mw-tin {padding-left:15%;padding-right:15%;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%;}

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

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

/* padding */

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

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



/* margin */



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

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

/* height start */



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

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


/* widths  start */

.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%;}
.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;}
.w64 {width:256px;}


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



/* width end */

.fs0 {font-size:10px;}

.fs1 {font-size:11px;}
.fs2 {font-size:13px;}
.fs3 {font-size:16px;}
.fs4 {font-size:18px;}
.fs5 {font-size:24px;}
.fs6 {font-size:32px;}
.fs7 {font-size:40px;}

.fw1, .fwtin {font-weight:100;}
.fw2, .fwextraligth {font-weight:200;}
.fw3, .fwlight {font-weight:300;}
.fw4, .fwnormal {font-weight:400;}
.fw5, .fwmedium {font-weight:500;}
.fw6, .fwsemibold {font-weight:600;}
.fw7, .fwbold {font-weight:700;}
.fw8, .fwextrabold {font-weight:700;}
.fw9, .fwblack {font-weight:700;}
.fw10, .fwextrablack {font-weight:950;}

.lh1 {line-height:1;}
.lh2 {line-height:1.25;}
.lh3 {line-height:1.33;}
.lh4 {line-height:1.4;}
.lh5 {line-height:1.66;}
.lh6 {line-height:2;}

.pos-r {position:relative;}
.pos-a {position:absolute;}
.pos-f {position:fixed;}
.pos-s {position:static;}

.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;}
.d-bh {display:block;overflow:hidden;border:0;padding:0;margin:0;outline:0;height:0;max-height:0;min-height:0;opacity:0;max-width:0;width:0;min-width:0;visibility:hidden;}

.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-t-m4 {top:-16px;}
.pos-t-m5 {top:-20px;}
.pos-t-m6 {top:-24px;}
.pos-t-m7 {top:-28px;}
.pos-t-m8 {top:-32px;}

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


.br0 {border-radius:0;}
.br1 {border-radius:4px 4px 4px 4px;}
.br100 {border-radius:100%;}
.bs-in-1 { box-shadow: inset 0px 7px 20px -20px #404040; }


.ico-32-c {width:32px;height:32px;background:#fecc00;}

.ico-doprava {background: transparent url('../im/doprava.svg') no-repeat 8px center / 32px;padding: 3px 0px 0px 52px;margin: 14px 0px 10px;font-weight: bold;font-size: 14px;}
.ico-kosik {background: transparent url('../im/kosikb.svg') no-repeat 0px center / 32px 32px;}
.ico-ok {background: transparent url('../im/uspech48.svg') no-repeat 0px center / 32px 32px;}
.ico-notok {background: transparent url('../im/chyba48.svg') no-repeat 0px center / 32px 32px;}
.ico-tag {background: transparent url('../im/tag.svg') no-repeat 0px center / 32px 32px;}
.ico-info {background: transparent url('../im/ico-info.svg') no-repeat 0px center / 32px 32px;}

.ico-size-15 {background-size: 15px;padding-left:18px;}
.ico-size-20 {background-size: 13px;padding-left: 16px;background-position: 3px center;}
.ico-size-24 {background-size: 24px;padding-left:30px;}
.ico-size-32 {background-size: 32px;padding-left:38px;}
.ico-size-48 {background-size: 48px;padding-left:54px;}
.ico-size-64 {background-size: 64px;padding-left:72px;}
.ico-size-80 { background-size: 35px; padding-left: 40px; }

.reset-filtr-item { padding: 1px 1px 2px 19px;margin: 8px 6px 0px 0px; border: 1px solid #e7e7e7;border-radius: 3px;background-color: #ffffff;}

.loading-before {position:relative;overflow:hidden;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.loading-before:before {content:'';display:block;position:fixed;top:0;bottom:0;left:0;right:0;background: #fefefe33 url(../im/load_gray.svg) no-repeat center center / 32px;z-index:999; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

body.loading-before:before { content: ''; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #b9834d88 url(../im/load_gray.svg) no-repeat center center / 32px; z-index: 999999999; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; width: 100%; height: 100vh; opacity: 1; }
.submit.loading-before {padding-left:24px;}
.submit.loading-before:before {background-position: 2px center;background-size:20px;}

.loading-before-1 .loading-before {position:relative;overflow:hidden;-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;}
.loading-before-1 .loading-before:before {content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;background: rgba(255,255,255,0.65) ;z-index:999; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.submit-osobni-udaje .like-submit {margin-top: 27px; float: none;line-height: 34px;}

.MainMenu.loading-before {position:static;}
.MainMenu.loading-before:before {display:none;}

.middle-opening {-webkit-transition: all 300ms linear;-moz-transition: all 300ms linear;-o-transition: all 300ms linear;transition: all 300ms linear;min-height:101vh;}
.middle-opening:before {content:'';display:block;position:absolute;top:0;min-height:101vh;left:0;right:0;background: rgba(255,255,255,0.3) url(../im/middle-opening.svg) no-repeat center center / 48px;z-index:999; }
body > div {-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;}
.middle-opening > div {-webkit-transition: all 250ms linear;-moz-transition: all 250ms linear;-o-transition: all 250ms linear;transition: all 250ms linear;opacity:0;}


.AdminPage .was-activated, .urlm21 .was-activated {color:red;}
.AdminPage .loading-before:before, .urlm21 .loading-before:before, .admin_css .loading-before:before, .admin_css.loading-before:before { background-color: #404040aa; color: #ffffff; background-position: center center; background-size: 96px 96px; z-index: 9999999999999; width: 100%; height: 100vh; }


.uspech, .chyba {display:block;float:left;box-sizing:border-box;width: 100%;font-size:13px;padding: 7px 8px 7px 45px;border:1px solid #f1f1ef;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.uspech { background: #eaffaf url('../im/uspech.svg') no-repeat 10px center / 24px; color: #404040;}
.chyba { background: #fff1f1 url('../im/chyba.svg') no-repeat 10px center / 20px; color: #404040;}

.chyba a, .uspech a {color:#404040;text-decoration:underline;margin-left:6px;margin-right:6px;}

.uspech.c2, .chyba.c2  {width:16.66%;}
.uspech.c3, .chyba.c3  {width:25%;}


.AdminPage .uspech, .login-form .uspech { background: #40d6a0 url(../im/uspech.svg) no-repeat 2px center / 24px; color: #404040; padding: 9px 9px 9px 27px; font-weight: 600; }
.AdminPage .chyba, .login-form .chyba { background: #fff1f1 url(../im/chyba.svg) no-repeat 2px center / 24px; color: #404040; padding: 9px 9px 9px 27px; font-weight: 600; }

.WrapperKosik .chyba { background: #fff1f1 url('../im/kosik-chyba.svg') no-repeat center 10px / 128px 128px; color: #404040; font-size:14px;text-align:center; padding: 148px 12px 12px;  }

.chyba.wauto {width:auto;}

.fast-window-wrap {position:fixed;z-index:6331400;overflow-x:hidden;min-width:80%;}
.fast-window-wrap.minh10vh {min-height:52vh;}
.fast-window-wrap-wide {left:24px;outline: 1px solid #404040;}
.fast-window-parent {}
.fast-window-parent.active {outline: 1px solid #404040;}

.fast-window-wrap-wide-big { top: 0px ; right: 189px ; left: 0px ; bottom: 0px ; width: auto; height: 100%; margin: 0; max-height: 100%; overflow: hidden; }

.fast-window-in > div,
.fast-window-in > form {margin:0px;padding:8px;width:100%;}
.fast-window-in form.form-upload-submit {margin:0px;padding:8px;width:100%;float:left;display:block;}
.fast-window-in form, .fast-window-in form.form-upload-submit  {position:relative;top:0;right:0;left:0;bottom:0;}

.fast-window-in { position: absolute; width: 100%; height: 100%; overflow: auto; left: 0; right: 0; min-height: 100%; max-height: 100%; padding: 0px ; bottom: 0; top: 0; top: 34px ; height: calc(100% - 34px ); }

.editable {outline:0;border:0;}
.editable:focus, .editable:hover {border: 1px dashed #eeeeee;}
.editable.base {}
.editable.all {position:relative;}
.editable-button {width:24px;height:24px;float:left;margin:0;padding:0;cursor:pointer;}
.editable-button img {width:24px;height:24px;float:left;margin:0;border:0;}
.editable-panel {display:none;width:100%;position:relative;top:-24px;background:#ddddde;}
.editable.editable-active .editable-panel {display:block;}


img {}

form.form-upload-submit { border: 1px solid #eeeeee; background: white; width: 100%; float: left; }
.mt24 {margin-top:24px;}

.form-upload-submitTrigger { color: #1c8ec8; font-weight: 600; }
form.form-upload-submit {}
form.form-upload-submit .loading {text-align:left;overflow:hidden;padding:0px;width:0%;z-index:9999;position:absolute;top:0px;left:0px;height:16px;line-height:16px;font-size:15px;color:white;-webkit-transition: all 1000ms linear;-moz-transition: all 1000ms linear;-o-transition: all 1000ms linear;transition: all 1000ms linear;}

.editable.media {position:relative;min-height:231px;}
form.form-upload-submit { overflow: hidden; position: absolute; top: 0; left: 0; width: 200px; opacity: 0.8; transition: all 300ms linear; margin: auto; padding: 0; right: 0; top: 0; z-index: 999999; }
.editable.editable-active form.form-upload-submit {opacity:1;}
form.form-upload-submit input[type='file'] {overflow:hidden;width:0;height:0;margin:0;padding:0;opacity:0;border:0;outline:0;font-size:0;line-height:0;min-height:0;max-height:0;min-width:0;max-width:0;display:block;position:absolute;top:-2px;left:-2px;}

.upload-area { height: auto; border: 3px solid #1c8ec8; border-radius: 6px;padding: 24px; text-align: center; overflow: auto; position: relative; display: table-row; }
.upload-area:hover{ cursor: pointer; border: 3px dashed #1c8ec8; border-radius: 6px; color:#1c8ec8;}
.upload-area h1{ text-align: center; font-weight: normal; font-family: sans-serif; color: darkslategray; }
 #file{ display:none; }
 .upload-area div.hide, .upload-area strong.hide, .upload-area b.hide {display:none;}

 .form-submit .upload-area { height: auto; border: 3px solid #1c8ec8; border-radius: 6px ; padding: 24px ; text-align: center; overflow: auto; position: relative; display: table-row; top: -36px ; background: #ffffff; }


/* Thumbnail */
.thumbnail{ width: 80px; height: 80px; padding: 2px; border: 2px solid lightgray; border-radius: 3px; float: left; }

.media-area { min-height:0;height:0;transition: all 400ms ease-in;pointer-events:none;overflow:hidden;opacity:0;margin:0;padding:0;border:0;outline:0; }
.media-area.opened { min-height: 200px; height: auto; padding: 12px; border: 1px solid #ddddde; opacity: 1; pointer-events: all; }

.full-media { border: 0; position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; height: 86vh; overflow: auto; }
.full-media img { border: 0; float: none; max-width: 100%; margin: 20px auto; display: block; border: 1px solid #eeeeee; box-shadow: 0 0 32px -32px #404040; }
.full-media object {border:0;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;}

.karta-box { min-height: 32px; overflow: auto; }
.karta-box > a {color:#363636;float:left;display:block;box-sizing:border-box;width:100%;height:0;padding:0;margin:0;border:0;transition: all 300ms linear;overflow:hidden;}
.karta-box.opened > a {height:auto;overflow:auto;background:#ffffff;border-bottom:1px solid #eeeeee;padding:8px;}
.karta-box > a.active {height:auto;}


.select-box-wrap { position: relative; z-index: 1777; float: left; min-width: 158px; max-width: 100%; width: auto; border: 1px solid #dddddd;}
.select-box-wrap > a { top: 0; margin: 0; width: 100%; float: left; display: block; background: #ffffff url(../im/select-box-arrow-up.svg) no-repeat calc(100% - 2px) center / 13px; box-sizing: border-box; border: 0; float: right; padding: 6px 12px 6px 7px; min-width: 24px; min-height: 34px; box-sizing: border-box; text-align: left; margin-left: 0; line-height: 22px; color:#000000;  }



.select-box-wrap {margin-bottom:0px;margin-right: 12px;}
.select-box-wrap:nth-last-child(1) {padding-right:6px;margin-bottom:0px;}

.Strankovani .button-filtr-open { border-radius: 12px;position: relative; box-sizing: border-box; width: auto; float: left; display: block; padding: 6px 17px 5px 32px; font-size: 15px; font-weight:700; text-transform: uppercase; background: #000000 url(../im/filtr_w.svg) no-repeat 6px center / 24px;color: #ffffff; margin-left: 0px; line-height: 17px; }

.Strankovani .button-filtr-open:before { display:none; }

.Strankovani2 .Strankovani .button-filtr-open {display:none;}

.Strankovani .button-filtr-open.active { padding-left: 34px; background: red url(../im/closew.svg) no-repeat 6px center / 24px; box-shadow: 0 2px 0 0 red; text-shadow: 0px -2px 0 red; }

.Strankovani .select-box-wrap {  z-index: 477; }
.Strankovani .select-box-wrap > a.karta-bgs.active { top: 0; margin: 0; width: 100%; float: left; display: block; background: #ffffff url(../im/select-box-arrow-up.svg) no-repeat calc(100% - 2px) center / 13px; box-sizing: border-box; border: 0; float: right; padding: 6px 12px 6px 7px; min-width: 24px; min-height: 34px; box-sizing: border-box; text-align: left; margin-left: 0; line-height: 22px; }
.Strankovani .select-box-wrap > a.karta-bgs.active:after, .Strankovani .select-box-wrap > a.karta-bgs.active:before {display:none;}

.select-box-wrap.opened > a {background-image: url('../im/select-box-arrow-down.svg'); }
.select-box { height: 0; overflow: hidden; transition: all 300ms linear; position: absolute; top: 41px ; left: 0; width: 100%; background: #ffffff; border-radius: 7px ; }
.select-box-wrap.opened .select-box { height: auto; max-height: 50vh; overflow: hidden; box-shadow: 0px 20px 40px -23px #404040; z-index:400;}
.select-box > a {font-family:'Roboto';box-sizing:border-box;border-radius:3px;width:100%;height:0px;border-right: 0;border-left: 0; border-bottom: 1px solid #d4d4d4;float:left;display:block;padding:5px;color:#404040;box-sizing:border-box;}
.select-box-wrap.opened .select-box > a { height: 38px; padding: 9px 6px; }
.select-box > a.active {display:none;}


.layer { position: fixed; left: 0; top: 89px; right:0;bottom:0px; width:50%;height:100%; overflow: auto;margin:auto; background: transparent; z-index: 65000;transition: all 300ms linear; box-shadow: 0px 0px 100px -80px #404040; }
.layer-wrap { position: static; left: 0; top: 0%; width: 100%; overflow: hidden; z-index: 85000; opacity: 0.2; transition: all 500ms linear; padding: 24px 24px 3px; display: block; margin: 0px auto; float: none; background: white; padding: 24px 24px 128px; }

.layer-bg-closer { position: fixed; left: 0; top: 0; right: 0; bottom: 0px; width: 100%; height: 100%; overflow: hidden; background: #f7f8fb; background: #0000009c; z-index: 55000; cursor: pointer; opacity: 0.2; transition: all 300ms linear; }

.MainMenu-submenu { background: #40404040; box-shadow: inset 0 0 80px -24px #404040; }

.layer-opened > div {transition:all 250ms linear;}
.layer-opened > .layer,
.layer-opened > .MainMenuWrap,
.layer-opened > .Paticka,
.layer-opened > .fixed-me-top {}
.layer-opened > .Paticka,
.layer-opened > .fixed-me-top,
.layer-opened > .layer {}

body.layer-opened > div.MainMenuWrap {background-position: center bottom;}


.ObjPage .lista {display:none;}


body.layer-opened .layer {}
body.layer-opened .layer .layer-wrap { opacity: 1; left: 0%; }




body .MainMenu-submenu .layer .layer-wrap { bottom:-150vh; left:0;right:0;transition: all 0s linear;position: fixed;z-index: 999999; padding: 128px 64px; overflow: auto; overflow-x: hidden;  }
body.layer-opened .MainMenu-submenu .layer .layer-wrap { position: fixed; left: 0; right: 0; background: #404040; z-index: 999999; padding: 0px 64px 24px; overflow: auto; overflow-x: hidden; background: #ffffffee; height: calc(100% - 84px);
transition: all 200ms linear; bottom: 0; top: auto;  box-shadow: inset 0 7px 10px -7px #404040;  }

body.layer-opened  .MainMenu-submenu .layer .layer-wrap { background:#404040de;}
body.layer-opened  .MainMenu-submenu .layer .layer-wrap a {font-size:15px;}

body.layer-opened .layer-bg-closer {opacity:1;left:0; }
.close-layer-button { position: absolute; top: 11px; right: 22px; width: 32px; height: 32px; z-index: 999999; }
.close-layer-button img { width: 32px; height: 32px; }
.layer-menu .close-layer-button {right:64px;}


.layer-menu a {color:#ffffff;}
.layer-menu .submit, .layer-menu button {color:#404040;text-transform:none;}
.layer-menu .submit b, .layer-menu button b {font-size:16px;}
.layer-menu {background:#282828d4;}

.layer .link-black {display:none;}

body.layer-opened .layer-bg-closer.layer-menu  {display:none;}
body .layer.layer-menu { left: 0; right: auto; top: auto;bottom:110%; width: 100%; height: 100%; padding: 0; }

body .layer.layer-menu .layer-wrap { padding: 0px 64px 64px; }
body.urlm2 .layer.layer-menu .layer-wrap, body.urlm10 .layer.layer-menu .layer-wrap { padding: 0px 64px 64px; }

body.layer-opened .layer.layer-menu { left: 0; right: auto; top: auto; bottom: 0; width: 100%; height: 86%; padding: 0; height: calc(100% - 95px); }

.layer.layer-menu .layer-wrap {left:0;}

.submenu-item {width:25%;}

.anchor {color:#404040;}

.layer-opened {overflow:hidden;}

.gal-layer { position: fixed; transition: all 500ms linear; right: 110%; overflow: hidden; z-index: 999999980; opacity: 0.3; background: #ffffff47; width: 94%; height: 90%; margin: auto; top: 0; bottom: 0; right: 0; left: 0; }
.gal-layer.opened {right:0%;opacity:1;}
.gal-layer-close { position: fixed; transition: all 250ms linear; left: 110%; top: 0%; width: 100%; height: 100%; overflow: hidden; z-index: 999999880; opacity: 0.3; background: #463c23; background: #ffffffeb; cursor: pointer; }
.gal-layer-close.opened {left:0;opacity:1;}

.gal-layer-thumbs { position: absolute; left: 0; right: 0; bottom: 3px; height: 64px; padding: 0; overflow: hidden; }

.gal-layer-thumbs a { min-width: 64px; height: 63px; overflow: hidden; text-align: center; background: #ffffff; opacity: 0.6; max-width: 64px; }
.gal-layer-thumbs a img { height: 59px; float: none; }

.gal-layer > img {position:absolute;top:0;left:10%;right:10%;bottom:80px;overflow:hidden;max-width:80%;max-height:100%;max-height:calc(100% - 80px);margin:auto;}
.gal-layer-thumbs .active {border:1px solid #ffffff;opacity:1;}

.NadpisSauny {
    border-top: 1px solid #f7f8fb;
    padding-top: 12px;
    margin-top: 55px;
}

.menu-in-item {position:absolute;bottom:0px;left:0px;z-index:9999;}
.MainMenu .menu-in-item { position: fixed; bottom: auto; top: 5px; right: 8px; z-index: 99; }
.menu-in-item .open-siblings {transition: all 300ms linear;width:30px;height:30px;border-radius:100% 100% 100% 0;background:#eeeeee;float:right;}
.menu-in-item .open-siblings img {width:30px;height:30px;padding:0;margin:0;float:right;}
.menu-in-item.opened .open-siblings {transform:rotate(90deg);}
.menu-in-item .sibling {display:none;}
.menu-in-item.opened .sibling { display: block; width: 100%; max-width: 200px; bottom: 22px; right: 4px; background: #fff; color: #000; box-shadow: 0 0 14px -5px #000000; }
.menu-in-item.opened .sibling a {color:#000;text-align:right;padding:4px;}

.slider2 { margin-bottom: 0; transition: all 300ms linear; background: transparent; max-height: 180px; opacity:0; }
.slider2.slick-slider { margin-bottom: 0; background: transparent; max-height: 100vh; opacity: 1; margin-bottom: 32px; box-shadow: 0 0 10px -7px #000000; overflow: hidden;}

.slider2 .slick-list {}
.slider2 .slick-dots { }
.slider2 .slick-dots li { }
.slider2 .slick-dots li.slick-active {}
.slider2 .slick-dots li button {  }

.slick-slider {margin:0px;}

.slider4 { margin-bottom: 0; transition: all 300ms linear; background: transparent; max-height: 180px; opacity:0; }
.slider4.slick-slider { margin-bottom: 0; background: transparent; max-height: 40vh; opacity: 1; margin-bottom: 32px;box-shadow: 0 0 10px -7px #000000;}

.slider4 .slick-list {}
.slider4 .slick-dots {}
.slider4 .slick-dots li { }
.slider4.slick-slider { margin-bottom: 0; background: transparent; max-height: 40vh; opacity: 1; margin-bottom: 0px;}
.slider4 .slick-dots li.slick-active { }
.slider4 .slick-dots li button { }

.slick-dots li {margin: 9px 5px;}


.vertical-slider-slick-left .slick-dots li button,
.vertical-slider-slick-right .slick-dots li button {opacity:0;background:transparent;font-size: 0; line-height: 0; display: block; width: 16px; height: 16px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.vertical-slider-slick-left .slick-dots li,
.vertical-slider-slick-right .slick-dots li { position: relative; display: inline-block; background: #eeeeee; width: 16px; height: 16px; margin: 0px 5px 4px; padding: 0; cursor: pointer;border-radius:32px;opacity:1;}
.vertical-slider-slick-left .slick-dots li,
.vertical-slider-slick-left .slick-dots li.slick-active,
.vertical-slider-slick-right .slick-dots li.slick-active  {background: #000000; }

.slider1, .slider2, .slider1 *, .slider2 *,
.slider1:hover, .slider2:hover, .slider1 *:hover, .slider2 *:hover, .slider1:hover *, .slider2:hover * {outline:0;}


.produkt-item {width:100%;display:inline-block;float:none;margin-right:3.608%;margin-top:3.608%;transition: all 250ms linear;position:relative;z-index:500;}
.produkt-item:nth-child(6n) { margin-right: 0;}
.produkt-item:hover .im-0, .produkt-item:hover .im-1 {transform:scale(1.05);}

.odznak {padding:4px;}

.produkt-item-icos { min-height: 64px; position: absolute; bottom: 4px; z-index: 999; }
.pr-item-ico {}
.pr-item-ico img {float:left;}
.pr-item-ico span {float:left;font-size:11px;font-weight:bold;padding-top:7px;}

.pr-item-ico.sleva { position: absolute; bottom: 121px; left: 15px; width: auto; z-index: 1000; color: #ffffff; padding: 5px; box-shadow: 0px 4px 4px -3px #404040; min-width: 32px; }


.produkt-item .im-box { width: 100%; float: left; display: block; position: relative; box-sizing: border-box; background: #ffffff; overflow: hidden; outline: 1px solid #ddddde; margin-bottom: 8px; }
.produkt-item .im-box:before {padding-top:60%;content:'';display:block;float:left;}
.produkt-item .im-0 {position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;border:0;transition:all 250ms linear;max-width:100%;max-height:100%;margin:auto;}
.produkt-item.hover-second-image .im-1 {position:absolute;top:0;left:0;right:0;bottom:0;z-index:998;opacity:0;border:0;transition:all 250ms linear;max-width:100%;max-height:100%;margin:auto;}
.produkt-item.hover-second-image .im-box:hover .im-1 {opacity:1;}
.produkt-item.hover-second-image .im-box:hover .im-0 {opacity:0;}
.produkt-item.hover-second-image .im-box:hover .im-1:after {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1005;opacity:1;border:0;transition:all 250ms linear;background:#ffffff;content:'';}
.produkt-item .pr-box {float:left;width:100%;margin: 0px 0px;}

.produkt-item .pr-box .skladem { float: left; margin: 0px; }
.produkt-item .pr-box .cena { float: left; font-size: 16px; font-weight: 600; text-align:left; }
.produkt-item .pr-popis { height: 99px; overflow: hidden; position: relative; padding: 10px 0 0; }
.produkt-item .pr-popis:before { width: 100%; height: 32px; bottom: -32px; content: ''; box-shadow: -16px -19px 20px 0px #ffffff; position: absolute; left: 0; }
.pr-box .big-circle { border: 0; border-radius: 3px; padding: 3px; transition: all 300ms linear; position: absolute; top: 249px; right: -3px; }
 .pr-box:hover .big-circle { background:#ffffff;}
 .pr-box .big-circle:hover { filter: invert(1); }
.pr-popis p, .pr-popis strong { margin: 4px 0 0; padding: 0; line-height: 1.25; font-size: 11px; color: #404040; }
.pr-popis strong  {font-size:13px;}

.produkt-item .prbox { padding: 0; float: left; width: 100%; display: block; }

.NejBox .produkt-item .pr-popis { height: 83px; }
.NejBox .produkt-item .im-box { outline: 0;}
.NejBox .produkt-item { margin: 0; padding: 14px; background: #ffffff; float: left;height: 380px; border-right: 1px solid #c8c8c8;}
.NejBox .produkt-item .pr-popis:before { box-shadow: 1px -20px 20px 0px #ffffff;}

.NejBox .pr-box .big-circle { border: 0; border-radius: 3px; padding: 3px; transition: all 300ms linear; position: absolute; top: auto; right: -3px; bottom: -42px; }

.Seznam .produkt-item .pr-popis {}


.Seznam  .produkt-item .pr-popis, .Seznam  .produkt-item .im-box {transition: all 100ms linear;}
.Seznam  .produkt-item:hover .pr-popis {box-shadow: 0 0 15px -25px #404040;z-index:999;}
.Seznam .produkt-item:hover .im-box { box-shadow: 0 0 41px -36px #404040; z-index: 998; }

.produkt-item.nej-item { width: 16%; float: left; position: relative; z-index: 9999; margin: 0; box-shadow: 1px -1px 21px -19px #404040; }
.produkt-item.nej-item .im-box:before { padding-top: 36%; content: ''; display: block; float: left; }s
.produkt-item.nej-item:nth-child(6n),.produkt-item.nej-item:nth-child(4n),.produkt-item.nej-item:nth-child(3n),.produkt-item.nej-item:nth-child(2n) {margin:0;}
.produkt-item.nej-item .pr-box { padding: 0 12px; }



.karta-o { display: none; border: 0; }
.karta-o.active {display:block;}

.b1bgs { border-bottom: 1px solid #c8c8c8; }

.ico, .ico-l {padding-left:32px;background-repeat:no-repeat; background-position: 4px center;background-size: 20px;}
.ico-search {background-image: url(../im/search.svg);}
.ico-filtr { background: #ffce1a url(../im/filtr.svg) no-repeat 6px 3px / 24px; border-radius: 12px; padding: 4px 12px 6px 32px; font-weight: 600; text-transform: uppercase; color: #404040; margin-right: 30px; box-shadow: 1px 2px 10px -4px #404040; }

.MainMenuWrap .ico-search { background-image: url(../im/search.svg); border: 0; color: #090909; background-color: #ffffff; padding: 0px 14px 0 32px; border-radius: 32px; margin-left: -2px; box-shadow: 0 0 0 0 #404040; background-position: 6px center; }

.WrapperSeznam { background:#ffffff;padding-top:0;}

.hover-silver { transition: all 300ms linear; border: 0; border-right: 1px solid #ddddde; }
.hover-silver:hover {background:#f5f6f9;}

.MainMenuWrap .ico-search { z-index: 1;background: transparent url(../im/search.svg) no-repeat 3px center / 24px; border: 0; color: #000000; background-color: #ffffff; padding: 1px 7px 0px 27px; border-radius: 0px 5px 5px 0px; margin-left: 0px; position: absolute; right: 0px; width: auto; box-sizing: border-box; min-height: 32px; border-left: 1px solid #d9d9d9; }

.MainMenuWrap .ico-search .din {padding-left:24px;}
.MainMenuWrap .ico-search:hover {background-color:#f7f8fb;}


.podobne-slide {  margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; }
.podobne-slide .produkt-item { outline: 1px solid #f9f9f9; z-index: 999999; position: relative; box-shadow: 20px 0px 90px -60px #404040; background: #ffffff; float: left; margin: 0; width: 25%; }

.cena {font-size:14px;font-weight: 600;}

.produkt-item-no-margin { width: 25%; float: left; position: relative; z-index: 99; margin: 0; box-shadow: 1px -1px 21px -19px #404040; }
.produkt-item-no-margin:hover .im-0, .produkt-item-no-margin:hover .im-1 {transform:scale(1.05);}
.produkt-item-no-margin .im-box {width:100%;float:left;display:block;position:relative;box-sizing:border-box;background:#ffffff;overflow:hidden;}
.produkt-item-no-margin .im-box:before {padding-top:100%;content:'';display:block;float:left;}
.produkt-item-no-margin .im-0 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; border: 0; transition: all 250ms linear; max-width: 80%; max-height: 80%; margin: auto; }
.produkt-item-no-margin .im-1 {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1010;opacity:0;border:0;transition:all 250ms linear;max-width:100%;max-height:100%;margin:auto;}
.produkt-item-no-margin .im-box:hover .im-1 {opacity:1;}
.produkt-item-no-margin .im-box.has-img-1:hover .im-1:after {position:absolute;top:0;left:0;right:0;bottom:0;z-index:1005;opacity:1;border:0;transition:all 250ms linear;background:#ffffff;content:'';}
.produkt-item-no-margin .pr-box {float:left;width:100%;margin: 9px 0px;}
.produkt-item-no-margin .pr-box .skladem { float: left; margin: 3px 0px;padding: 0 12px; }
.produkt-item-no-margin .pr-box .cena { float: right; font-size: 16px; font-weight: 600; min-width: max-content;padding: 0 12px; }
.produkt-item-no-margin .pr-popis {height:96px;overflow:hidden;position:relative;padding:9px;}
.produkt-item-no-margin .pr-popis:before { width: 100%; height: 32px; bottom: -32px; content: ''; box-shadow: 1px -20px 20px 0px #ffffff; position: absolute; left: 0; }


.graupe-slider-left.left {position:absolute;bottom:0px;right:100%;width:64px;height:100%;background: transparent url('../im/slider-1L.svg') no-repeat center center / 56px;cursor:pointer; left: 0;
    right: auto;
    z-index: 999;}
.graupe-slider-right.right {position:absolute;bottom:0px;left:100%;width:64px;height:100%;background: transparent url('../im/slider-1R.svg') no-repeat center center / 56px;cursor:pointer; right: 0;
    left: auto;
    z-index: 999;}

.layer .graupe-slider-right.right,
.layer .graupe-slider-left.left,
.gal-layer .graupe-slider-right.right,
.gal-layer .graupe-slider-left.left {display:none;}


.Podobne .graupe-slider-left.left,
.Podobne .graupe-slider-right.right {top:0px;height:51px;bottom:0;margin-top:0px;}
.Podobne .graupe-slider-left.left,
.Podobne .graupe-slider-right.right {top:0px;height:50px;bottom:0;margin-top:0px;}

.Podobne .graupe-slider-left.left {background-image: url('../im/arr-left.svg');}
.Podobne .graupe-slider-right.right { background-image: url('../im/arr-right.svg'); }

.Podobne .graupe-slider-right.right, .Podobne .graupe-slider-left.left {background-size:19px;transition: all 150ms linear;}
.Podobne .graupe-slider-right.right:hover, .Podobne .graupe-slider-left.left:hover {background-size:25.5px;}

.Slide {position:relative;}
.Slide .slider2-prev {position:absolute;bottom:32px;left:0px;width:32px;top:0px;background: transparent url('../im/arr-left_w.svg') no-repeat right center / 28px;cursor:pointer;z-index:9999; }
.Slide .slider2-next {position:absolute;bottom:32px;right:0px;width:32px;top:0px;background: transparent url('../im/arr-right_w.svg') no-repeat left center / 28px;cursor:pointer;z-index:9999; }


.graupe-slider-from-left {width:0;opacity:0;transition: all 100ms linear;overflow:hidden;}
.graupe-slider-from-right {width:0;opacity:0;transition: all 100ms linear;overflow:hidden;}

.min-buttons .right, .min-buttons .left { background-size: 73%; background-position: center center; }

.karta-o {transition:all 10ms linear;opacity:0;}
.karta-o.active { transition: all 10ms linear; opacity: 1; border-bottom: 1px solid #c8c8c8; border-left: 1px solid #c8c8c8; }
.karta-loading {transition:all 10ms linear;opacity:0;}





.odd-bgw {background-color:#ffffff;}
.odd-bgw:nth-child(odd) {background-color:transparent;}

.odd-bgs {background-color:#f7f8fb;}
.odd-bgs:nth-child(odd) { background-color: #ffffff; }

.hover-bgs:hover {background-color:#f7f8fb;}


.child-input-file > input[type='file'] { width:24px;overflow:hidden;height:24px;float:left;opacity:0;}
.child-input-file { background: transparent url(../im/ico-upload-b.svg) no-repeat center center / 26px; width: 26px; overflow: hidden; height: 26px; float: left; }

.login-form { position: fixed; width: 320px; border-radius: 4px; border: 1px solid #e4e4e4; background: #ffffff url(../im/logo.jpg) no-repeat center 13px / 44%; padding: 137px 20px 20px; top: 0; bottom: 0; left: 0; right: 0; z-index: 100000; margin: auto; box-shadow: -1px 2px 59px -50px #404040; max-height: 362px; }


.fixed-me-top, .fixed-me-bottom, .fixed-me-left, .fixed-me-right {position:fixed;z-index:9999;}
.fixed-me-top {top:0;left:0;right:0;height:0;}
.fixed-me-bottom {bottom:0;left:0;right:0;height:0;}
.fixed-me-left {top:0;bottom:0;left:0;width:0;}
.fixed-me-right {top:0;bottom:0;width:0;}
.fixed-me-top > div, .fixed-me-bottom > div, .fixed-me-left > div, .fixed-me-right > div, .fixed-me-top > ul, .fixed-me-bottom > ul, .fixed-me-left > ul, .fixed-me-right > ul { margin:0; }

.fixed-me-top .frank {display:none;}url_cl_m


/* extend */

.fixed-me-top .search-form-li { width: 180px; position: static;border-left:0;padding:0;margin:0; }
.fixed-me-top .search-form-li input { border: 0; margin: 0; border-left: 4px solid #eeeeee; }
.fixed-me-top .sekce-menu > li > a {color:#ffffff;font-size:13px;}
.fixed-me-top ul.sekce-menu { box-shadow: 0px 2px 19px -12px #404040; overflow: hidden; background: #404040; padding: 6px 64px; background: #404040cc; text-align: left; width: 100%; box-sizing: border-box; }
.fixed-me-top ul.sekce-menu li { float: left; margin-bottom: 4px; }
.fixed-me-top .strankovani {background:#ffffff;box-shadow: 0px 2px 19px -12px #404040; overflow: hidden;padding-top:0;}
.fixed-me-bottom .kos-down { float: right; background: #404040; box-shadow: -2px -1px 10px -8px #404040; padding: 0 7px; border-radius: 3px; margin-bottom: 31px; margin-right: 64px; width: max-content; z-index: 9999999; position: relative; top: -46px; }
.fixed-me-top .strankovani  > div {padding-top:0;}
.fixed-me-top .strankovani .pocet-info {display:none;}
.fixed-me-top .ico-filtr {border:0;}

/* TEMPLATE ESHOP 1 START */

.Left {float:left;display:block;width:260px;padding-right:8px;}
.Middle { float: left; display: block; width: 100%; padding: 0px; }

.urlm12 .Middle {padding:0 25%;}


.urlm12 .Left {display:none;}

.Left.hp-hide, .Right.hp-hide, .urlm3 hp-hide {display:none;}
.urlm3 .Middle {width:100%;}

.urlm2 .Middle { padding: 4px 24px;width: calc(100% - 260px);}
.urlm10 .Middle { padding: 4px 24px;width: calc(100% - 260px); }
.urlm10 .social-media { position: absolute; top: 6px; right: 0; bottom: auto; left: auto; }
.urlm10 .Breadcrumbs {position:relative;}

.hidden-frame {border:0;overflow:hidden;opacity:0;width:0;height:0;}

.urlm1 .Right {width:100%;}
.urlm1 .KartyWrap {width:100%;}

.urlm1 .Middle { width:66%;width:calc(100% - 280px);padding:30px 0px 30px 30px;}
.MenuLeft { width:34%;width:calc(281px - 1px);padding:22px 0px 0px;}

.urlm1 .Video, .urlm1 .SoucastBaleni, .urlm1 .Podobne, .urlm1 .Diskuze {padding: 0px 0px;}

.urlm1 .Diskuze {padding-top:30px;}
.urlm1 .Podobne {border-top:1px solid #282828;}

.urlm24 .Middle {background: transparent;padding: 0px;}
.Right {float:left;display:block;width:260px;padding-left:28px;padding-right:28px;}

.WrapperFull {float:left;display:block;width:100%;padding: 24px 10%;background: #f7f8fb;}

.WrapperFull .FiltrBox.active { }

.menu-in-item.opened {background:white;}

.urlm2 .Left, .urlm10 .Left {width:100%;}
.urlm2 .Middle, .urlm10 .Middle {width:100%;padding:0px;}
.urlm2 .Right, .urlm10 .Right {width:100%;}

.slick-slide img {float:left;}

.BannerAkce {position:relative;}
.slider-left-wrap {width:100%;float:left;}
.slider-left-menu {width:100%;float:left;overflow: hidden;cursor:pointer;}

.slider-left-menu .slick-slide {opacity:0.7;filter:grayscale(1);padding:7px 0px;}
 .slider-left-menu .slick-slide.slick-current {opacity:1;filter:grayscale(0);}

.slider-left-wrap .banner-item .textwrap {width: 25%;background: #303030;padding: 15px;position: relative;min-height: 64px;bottom: 0;position: absolute;right: 0;top: 0;}
.slider-left-wrap .banner-item .textwrap, .slider-left-wrap .banner-item .textwrap * {color:#ffffff;}
.slider-left-wrap .banner-item .textwrap > strong {right: 100%;font-size: 28px;position: absolute;bottom: 0;margin-bottom: 15px;letter-spacing: -0.025em;font-weight: 900;background: #ec4407;padding: 15px;line-height: 1;min-width: 100%;}
.slider-left-wrap .banner-item .textwrap > .text {font-size:15px;}

.slider-left-wrap .banner-item .imgwrap {width:75%;}


.slick-vertical .slick-slide {border:0;margin:0;}

.Nadpis, .urlm3 h2, .urlm3 h1 {position: relative;padding-bottom: 8px;margin-bottom: 0px;text-align: left;line-height: 1;padding-top: 46px;font-size: 24px;letter-spacing: 0.05em;font-weight: 600;text-transform: uppercase;}
.urlm3 h2, .urlm3 h1 {text-align: left;margin: 0px;width: auto;padding: 15px 30px;background: #303030;margin: 48px 0px 15px; color: white;}
.urlm1 .Nadpis {padding-top:0px;}
.urlm3 h1, .urlm3 h2 {}

.Nadpis:after, .WrapperHomepage h2:after { position: absolute; left: 1px; right: auto; bottom: 12px; width: 32px; height: 3px; border-radius: 24px; background: #ed6625; content: ''; display:none; margin: auto auto 12px auto; box-shadow: inset 0px 1px 1px 0px #78594b; }

.urlm2 .Nadpis, .urlm10 .Nadpis { padding:8px 15px; }

.urlm9 .Nadpis { padding: 0 0 18px; margin: 0; text-align: center; }

.WrapperHomepage h2 {position:relative;padding-bottom: 32px;padding-top:32px;}

.graupe-slider {opacity:0;transition:all 1000ms linear;}


.graupe-slider.visible {opacity:1;}

.WrapperDetailProduktuMw {}
.WrapperDetailProduktuPopis { float: left; width: calc(50% - 20px); padding: 32px 0px 12px 0px; margin-left: 20px; }
.layer .WrapperDetailProduktuPopis {width:50%;}
.Filtry { width: 100%; float: right; padding-top: 0px;padding-bottom: 32px;}
.WrapperDetailProduktuOthers {width:50%;}
.WrapperDetailProduktuOthers .Nadpis {padding-top: 42px;font-size:22px;}
.Kosik {width:100%;}
.kosik-shrnuti-user-box {width:25%;float:left;padding:4px;font-size:11px;min-height:95px;}
.kosik-shrnuti-user-box > div > span.c4 {width:auto;font-size:11px;}
.kosik-shrnuti-user-box > div > span.c8 {width:auto;font-size:11px;}

.Kosik > .odd-bgs {box-shadow: 3px 3px 4px -2px #e4e4e4;}
.kosik-del { position: static; right: 10px; top: 10px; padding: 0; }
.kosik-del span { color: #404040; font-size:13px; text-transform: uppercase; line-height: 1; position: relative; top: -2px; }
.Shrnuti { width: 100%;}
.Shrnuti h3 { padding: 8px 0px 8px 0px; }
.layer .Shrnuti { width: 100%;margin:0;padding:0; }
.layer .Shrnuti h3, .layer .layer-cw {color:#000000;}
.layer .layer-cw {padding:0px;color:#000000;box-shadow:none;display:none;}

      /* .Shrnuti {background:orange} .Kosik {background:red} .KosikMenu {background:white;} .SubmitPanel {background:#67b809;} */

.layer .Kosik {width:100%;margin:0;padding:0px 0 0;}
.Kosik textarea, .Kosik input, .Shrnuti textarea, .Shrnuti input { font-family: 'Roboto'; box-sizing: border-box; padding: 8px 0 8px 10px; width: 99%; }
.Kosik .label input[type="checkbox"], .Kosik .label input[type="radio"] {}

  .filtr-family-nadpis { display:none;}
.filtr-family { float: left; padding: 0px; margin: 0px; width: 100%;position:relative; }
.filtr-image {float: left;width: 96px;height: 96px;border: 0;border-radius: 64px;margin: 24px 24px 0px;border: 1px solid #e8eef3;}
a.filtr-n {padding-top:7px;width:144px;font-size: 14px; font-weight: 400; box-sizing: border-box; padding: 0px 7px 0px 7px; color: #404040; text-decoration: underline;color:#1c8ec8;position:absolute;top:0px;left:0px;width:100%;height:100%;}

.det-filtr {width:137px;text-align:center;float:none;position:relative;}

.filtr-family > strong:nth-child(1) {cursor: pointer;float: left;padding: 8px 7px 8px 0px;background: #ffffff url(../im/filtr-closed.svg) no-repeat right center / 12px;margin: 0px 11px 0px 0px;width: 100%;border-radius: 3px;color: black;font-size: 14px;}
.filtr-family > strong:nth-child(1):hover {background-color:#f7f8fb;}
.filtr-family > div:nth-child(2) { float: left; margin: 0px; width: 100%; display:none;display:block; }
.filtr-family.opened > div:nth-child(2) {display:block;background:#ffffff;}

/* .filtr-family.opened > strong:nth-child(1) {background:#ffffff url(../im/filtr-opened.svg) no-repeat right center / 24px;} */

.voucher-popis .fs2 {font-size:12px;}


.filtr-family .ui-widget-content {margin-left:12px;margin-right:12px;width:90%;width:calc(100% - 24px);}

.add-voucher {width:280px;}

.Shrnuti select, .Kosik select {font-family: 'Roboto';box-sizing: border-box;}
.Shrnuti .submit { width: auto; margin-bottom: 4px; float: left; margin: 5px 0px 2px 0px; text-align: left; font-weight:700; }
 .Shrnuti .submit-ar-r {text-align:right;}

.hodnoceni-mini-box { border: 0; padding: 0 0 24px; font-size:13px; }

.prbox-podobne {margin:48px 0px 0px;}

/*old
.Obrazek .open-gal:nth-child(1) { position: absolute; display: block; top: 0; left: 0; width: 100%; padding: 100% 0 0 0; }
.Obrazek .open-gal:nth-child(1) img {position:absolute;display:block;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}
*/

.price-big {font-size:20px;letter-spacing:-0.03em;}
.price-big small {font-size:13px;}

.Obrazek { position: relative; margin-bottom: 18px; width: 50%; float: left; background: #ffffff; border: 0;}

.Obrazek > .open-gal:nth-child(1) { position: absolute; display: block; top: 0; left: 0; width: 100%; padding: 100% 0 0 0; }
.Obrazek > .open-gal:nth-child(1) img {position:absolute;display:block;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}

 .Obrazek .open-gal  {}
.Obrazek .slider1 { width: 100%; float: left; margin-bottom: 0px; }


 .slider1 { margin-bottom: 0; transition: all 300ms linear; background: transparent; max-height: 40vh; opacity:0; }
.slider1.slick-slider { margin-bottom: 0; background: transparent; max-height: 100vh; opacity:1; }

 .Obrazek .slider1 .open-gal  { width:100%;float:left;  }
 .Obrazek .slider1 .open-gal img  { width:100%; float:left; }

 .Obrazek.before100:before  { }
 .Obrazek .slider1 {position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.Obrazek .slider1 .open-gal { position: relative; width: 100%; }
.Obrazek .slider1 .open-gal:before { content: ''; display: block; padding-top: 100%; }
.Obrazek .slider1 .open-gal img { position: absolute; top: 0%; left: 0; right: 0; bottom: 0%; max-height: 95%; margin: auto; width: auto; max-width: 95%; }

 .Obrazek > .slick-gal:nth-child(1) { position: absolute; display: block; top: 0; left: 0; width: 100%; padding: 100% 0 0 0; }
.Obrazek > .slick-gal:nth-child(1) img {position:absolute;display:block;top:0;bottom:0;left:0;right:0;margin:auto;max-height:100%;max-width:100%;}

 .Obrazek .slick-gal  {}
  .Obrazek .slider1 .slick-gal  { width:100%;float:left;  }
 .Obrazek .slider1 .slick-gal img  { width:100%; float:left; }

 .Obrazek.before100:before  { }
 .Obrazek .slider1 {position:relative;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.Obrazek .slider1 .slick-gal { position: relative; width: 100%; border:1px solid #eee;}
.Obrazek .slider1 .slick-gal:before { content: ''; display: block; padding-top: 100%; }
.Obrazek .slider1 .slick-gal img { position: absolute; top: 0%; left: 0; right: 0; bottom: 0%; max-height: 95%; margin: auto; width: auto; max-width: 95%; }



.Podobne { padding-top: 0px; padding-bottom: 10px;}
.Podpora { }

.urlm1 .Nadpis {}
.urlm1 .Nadpis:after {right:0}

.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; width: 100%; }

.gal-layer > img { position: absolute; top: 15px; left: 10%; right: 10%; bottom: 80px; overflow: hidden; max-width: 80%; max-height: 100%; max-height: calc(100% - 95px); margin: auto; width: auto; }

.slider1 .slick-dots li {margin: 0 2px; padding: 0; outline: 0; border: 0; background: transparent; width: 60px;height:60px;display: block; float: left; overflow:hidden; box-sizing:border-box;}
.slider1 .slick-dots li span {float:left;display:block;width: 60px;height:60px;display: block; float: left; overflow:hidden; box-sizing:border-box;background: #ffffff;}
.slider1 .slick-dots li span img { float: left; margin: auto; border: 0; display: block; width:auto;padding: 0; max-width: 56px;max-height:56px; position: absolute; bottom: 0; left: 0; right: 0; top: 0; }

.slick-dots { display: block; bottom: auto; top: 100%; margin: 0; padding:0; float: left; position: relative; z-index:300;}

.slider1 .slick-dots li.slick-active span {border: 1px solid #404040;}
.slider1 .slick-dots li.slick-active span img {max-width:56px;}
 .Obrazek .slick-dots { display: block; bottom: auto; top: 100%; margin: -69px 0 0; padding: 0 7px; float: left; position: relative; z-index: 3000; }

.Slide .graupe-slider {overflow:hidden;max-height:50vh;}


.Left .slick-dots { display: block; bottom: auto; top: 0; left: auto; right: 100%; margin: 0px 13px 0px 0px; padding: 0; float: left; position: absolute; z-index: 130; width: 20px; }
.Right .slick-dots { display: block; bottom: auto; top: 0; left: 100%; right: auto; margin: 0px 0px 0px 13px; padding: 0; float: left; position: absolute; z-index:132; width: 20px; }

.urlm2 .Left .slick-dots, .urlm10 .Left .slick-dots { left:0;top:auto;right:auto;bottom:100%;width:100%;margin: 0 0 6px 0; text-align: left;}
.urlm2 .LeftNovinkyWrap, .urlm10 .LeftNovinkyWrap {padding-top:64px;}
.urlm2 .Right .slick-dots, .urlm10 .Right .slick-dots { right:0;top:auto;left:auto;bottom:100%;width:100%;margin: 0 0 6px 0; text-align: left;}
.urlm2 .RightAkceWrap, .urlm10 .RightAkceWrap {padding-top:64px;}

.slick-vertical .slick-slide > div {width:100%;}

.vertical-slider-slick-left .slick-dots li button,
.vertical-slider-slick-right .slick-dots li button  {background:transparent;}

.vertical-slider-slick-left .slick-dots li, .vertical-slider-slick-right .slick-dots li { position: relative; display: inline-block; border: 1px solid #dddddd; background: transparent; opacity: 1; }


.karta-bgs { float: left; background: transparent; color: #404040; margin-left: 0px; margin-right: 0px; height: 25px; position: relative; padding: 3px 6px 0 6px; top: 1px; }
.karta-bgs.active { border-top: 1px solid #404040; background: #ffffff;margin-left: 20px; margin-right: 20px; }
.karta-bgs.active:before { content: ''; margin-left: 1px; position: absolute; top: -1px; right: 100%; height: 28px; width: 23px; background: transparent url(../im/karta-bgs.svg) no-repeat left top / 25px 32px; }
.karta-bgs.active:after {content:'';margin-left:-1px;position:absolute;top:-1px;left:100%;height:28px;width:23px;background: transparent url('../im/karta-bgs-r.svg') no-repeat left top / 25px 32px;}


.Strankovani .karta-bgs.active { border-top: 1px solid #404040; background: #ffffff;margin-left: 20px; margin-right: 20px; }
.Strankovani .karta-bgs.active:before { content: ''; margin-left: 1px; position: absolute; top: -1px; right: 100%; height: 28px; width: 23px; background: transparent url(../im/karta-bgs.svg) no-repeat left top / 25px 32px; }
.Strankovani .karta-bgs.active:after {content:'';margin-left:-1px;position:absolute;top:-1px;left:100%;height:28px;width:23px;background: transparent url('../im/karta-bgs-r.svg') no-repeat left top / 25px 32px;}



.Strankovani .karta-bgs { top: 1px; }
input.od, input.do {  width: 49%;  text-align: center; font-weight: bold;  height: auto; }
input.do {margin-left:1%;}
input.od {margin-right:1%;}
.jednotka {margin-top:2px;}

.WrapperStrankovani {background: #ffffff;padding: 0 0 12px;}


.pocet-info { color: #000000; margin-right: 0px; width: 200px; float: right; text-align: right; padding-top: 9px; }
.pocet-info > span, .pocet-info > div {float:none;}

.card-down { padding:11px 8px; margin: 0px 0px 3px 3px;border-radius:0; }
.card-down.active {background:#ffffff;filter: invert(1);}
.card-down img { height: 14px; }

.NejBox2 {padding-top:32px;}

.doprava-wrap .cr {color:#67c90e;}
.doprava-next {display:none;}
.doprava-next.active {display:block;}


.doprava-rows > * {display:none;}
.doprava-rows.active > * {display:block;}
.dop-row {padding: 4px 0px;float:left;width:100%;}

.doprava-d {width:100%;float:left;}
.doprava-box {display:flex;flex-flow:column;justify-content:stretch;}
.doprava-box > * {display:flex;flex:1 1 100%;}

.doprava-text {display: flex;flex-flow: row; padding: 4px 0px; border-bottom: 1px solid #eeeeee;}
.doprava-text > strong {display:flex;flex: 1 1 30%;color:#797979;}
.doprava-text > a {display:flex;color:#797979;}

.strankovani {}

.MainMenuWrap ul {list-style:none;}
.MainMenuWrap ul a {color:#ffffff;padding:0;margin:0;}
.MainMenuWrap ul a.active { font-weight: 700; text-decoration: underline; }

.MainMenuWrap ul.menu-right-bottom { padding: 9.5px 18px; margin: 0; float: left; position: static;width: auto; text-align: right;float:left;}
.MainMenuWrap ul.ShopMenuPictures { padding: 0px 0 0; margin: 5px 0 5px; width: 100%;float:right;position:relative; }
.MainMenuWrap ul.ShopMenuPictures > li {display:block;float:left;width:auto;margin-right:12px;transition:all 150ms linear;}
.MainMenuWrap ul.ShopMenuPictures > li:hover {background:#eee;}


.MainMenuWrap ul.menu-right-bottom > li { display: inline-block; float: none; width: auto; margin-left: 0px; }
.MainMenuWrap ul.menu-right-bottom {}
.MainMenuWrap ul.menu-right-bottom {}


.MainMenuWrap { position: relative; min-height: 64px; background: #303030; transition: all 150ms ease-in;z-index:2000; }
.MainMenuWrap:hover {}
.MainMenuWrap.mw-wide { padding: 0px 64px; position: relative; z-index: 9999; }

.auto-complete-empty {    font-weight: 900;font-size: 14px;text-align: center;width: 100%;padding: 14px;background: #303030;display: inline-block;text-transform: uppercase;color: #ffffff;float: none;margin: 0 auto;border-top: 1px solid #909090;}

.MainMenuWrap .layer a.submit:hover  {color:#ffffff;background:#323232; font-size: 18px; font-weight: 400; padding: 8px 14px; text-decoration: none; text-transform: unset; }

.MainMenuWrap a:hover {color:#ffffff;}
.MainMenuWrap a.active {color:#ffffff;}
.MainMenuWrap .layer a:focus, .MainMenuWrap .layer a.active {color:#404040;}

.MainMenuWrap .layer a:hover { color: #404040; font-weight: 600; text-decoration: underline; }

.MainMenuWrap .close-layer-button { background: transparent url(../im/closew.svg) no-repeat center center / 24px 24px; position: fixed; top: 100px; z-index: 9999999; }
.MainMenuWrap .close-layer-button img {opacity:0;}

/*.MainMenuWrap:after { content: ''; display: block; width: 100%; background: transparent url(../im/bg.png) repeat-x center bottom / 1920px 95px; height: 95px; float: left; }
*/

.show-next-page-wrap {text-align:center;width:100%;}
.show-next-page { padding: 15px;float: none;display: inline-block;font-size: 18px;background: #2196f3;position: relative;font-weight: 900;letter-spacing: 0.06em;}

.show-next-page:before { }


.MainMenu { width: 100%; padding: 0px 10% 0px ; }

.pa7 {padding:7px;}
.pa15 {padding:15px;}

.flex3 {display:flex;flex-wrap:wrap;}
.flex4 {display:flex;flex-wrap:wrap;gap:4%;}
.flex5 {display:flex;flex-wrap:wrap;}

.BannerVyhody {display:none;}

.flex2 {display:flex;flex-wrap:wrap;}
.flex2 > .banner-item { flex: 1 1 33.33%;gap:10px; }
.flex2 > .banner-item:nth-child(4), .flex2 > .banner-item:nth-child(5) {flex: 1 1 50%; }
.flex2 > .banner-item:nth-child(6), .flex2 > .banner-item:nth-child(7), .flex2 > .banner-item:nth-child(8), .flex2 > .banner-item:nth-child(9) {flex: 1 1 25%; }

@media (max-width: 1200px) {

    .flex2 > .banner-item:nth-child(6), .flex2 > .banner-item:nth-child(7), .flex2 > .banner-item:nth-child(8), .flex2 > .banner-item:nth-child(9) {flex: 1 1 50%; }
}
@media (max-width: 800px) {
    .flex2 > .banner-item {flex: 1 1 50%; }
    .flex2 > .banner-item:nth-child(3) {flex: 1 1 100%;}
}


.flex3 > .banner-item {flex:1 1 33.33%; border-right: 10px solid #ffffff; border-bottom: 10px solid #ffffff;}
.flex4 > .banner-item { flex: 1 1 150px; box-shadow: 0px 17px 50px -41px #000000; }
.flex5 > .banner-item {flex:1 1 20%; border-right: 10px solid #ffffff; border-bottom: 10px solid #ffffff;}

@media (max-width: 780px) {
 .flex4 > .banner-item { flex: 1 1 120px;  }
}  
@media (max-width: 600px) {
 .flex4 > .banner-item { flex: 1 1 210px;  }
 .flex {gap:9px;}
}
@media (max-width: 500px) {
 .flex4 > .banner-item { flex: 1 1 125px;  }
 .flex {gap:9px;}
}  

.urlm3 .WrapperFull { background:transparent;padding-top:15px; }

.urlm3 .PatickaWhite { background: #ffffff;    margin-top: 30px; }

.banner-item {position:relative;float:left;}
.banner-item .textwrap {width:100%;float:left;}
.no-text .banner-item .textwrap {height:0;overflow:hidden;opacity:0;}
.banner-item a {position: absolute;bottom: 15px;right: 13px;width: auto;height: auto;z-index: 178;opacity: 1;color: #ffffff;padding: 9px 22px 7px;font-size: 15px;font-weight: 900;}
.vyrobci .banner-item a {opacity:0}
.showtext .banner-item .textwrap {transition:all 250ms linear;background:#303030;background:#29292994;position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;z-index:78;opacity:0.6;color:#ffffff;display:flex;align-items:center;align-content:center;flex-wrap:wrap;text-align:center;}
.showtext .banner-item .textwrap > * {flex:1 1 100%;}
.showtext .banner-item .textwrap > .nadpis {font-size:24px;}
.showtext .banner-item:hover .textwrap,
.showtext .banner-item:focus .textwrap {opacity:1;}

.vyrobci {text-align:center;vertical-align:middle;padding:30px 0px 0px;}
.vyrobci .banner-item .textwrap {opacity:0;}
.vyrobci .banner-item {float:none;display:inline-block;vertical-align:middle;border-right:1px solid #f7f8fb;}
.vyrobci .banner-item:nth-last-child(1) {border:0px;}
.urlm3 .Popis1 {padding:0px 0px 0px;}
.urlm3 .Nadpis {  max-width: 51%; box-sizing: border-box; padding-right: 10%; font-size: 4em; line-height: 0.8; padding-bottom: 24px; }
.urlm3 .Popis1 {max-width:51%;}


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

.cblue {color:blue;font-size:14px;}

.odd {}
.odd:nth-child(odd) {background-color:#f7f8fb;background-color:#00000011;}
.odd:hover {background-color:#eeeeee;background-color:#00000022;}

.sekce-menu > li { display: inline-block; position: relative; bottom: 0; float: left; }
.fixed-me-top ul.sekce-menu  > li  {bottom:0;}
.fixed-me-top ul.sekce-menu > li a {font-size:13px;}
.sekce-menu > li > div {display:block;}
.sekce-menu > li > a {padding:0;margin:0;}
.sekce-menu > li > a.active { color: #404040; padding: 0px 10px 0px 10px; background: #ffffff; top: 2px;  box-sizing: border-box; }
.sekce-menu > li:nth-child(1) > a {font-weight:600;}
/*.sekce-menu > li > a.active:before {content:'';position:absolute;top:-1px;right:100%;right:calc(100% - 2px);height:29px;width:34px;background: transparent url('../im/karta-black.svg') no-repeat right bottom / 23px 29px; }
.sekce-menu > li > a.active:after {content:'';position:absolute;top:-1px;left:100%;left:calc(100% - 2px);margin-right:-1px;height:29px;width:34px;background: transparent url('../im/karta-black-r.svg') no-repeat left bottom / 23px 29px;}
  */
.sekce-menu ul {padding-left:24px;}


.sekce-menu > li > ul {height:0;transition:all 300ms linear;overflow:hidden;}
.sekce-menu > li.open > ul {height:auto;}



.ShopMenu { margin: 0; padding: 0; float: left; display: block; box-sizing: border-box; width: 100%; text-align: left; background: #ffffff; }

.sekcemenucloser { position: fixed; left: 0; right: 0; background: #00000057; z-index: 501; height: 80vh; bottom: 0; height: 100%; }

.search-form { padding: 0px; margin: 4px 0px 0px; box-sizing: border-box; float: right; position: relative; width: 100%; }



.auto-complete-wrap {display:none;position: fixed;top: 65px;left: 0;background: #ffffff;z-index: 9999;box-shadow: 0px 0px 20px -7px #00000099;width: 50%;max-width: 480px;bottom: 0;overflow: auto;}
.search-form.active .auto-complete-wrap {display:block;}

.auto-complete-wrap .si {max-width:100%;}


.koule-r {display:none; }

 .reset-side-filtrbutton { position: relative; box-sizing: border-box; width: auto; float: left; display: block; padding: 10px 17px 9px 30px; font-size: 15px; font-weight:700; text-transform: uppercase; background: red url(../im/closew.svg) no-repeat 6px center / 24px; color: #ffffff; margin-right: 6px; line-height: 17px; }

 
 
.nit-black {position:relative;border-radius:14px;overflow:hidden;}
.nit-black:before {content:'';display:block;top:5px;left:5px;right:5px;bottom:5px;position:absolute;z-index:300;border:1px dashed #000000;border-radius:10px;}

.nit-white {position:relative;border-radius:14px;overflow:hidden;}
.nit-white:before {content:'';display:block;top:5px;left:5px;right:5px;bottom:5px;position:absolute;z-index:300;border:1px dashed #ffffff;border-radius:10px;}


.leather-brown { text-align: left;line-height: 1;padding-top: 12px;font-size: 24px;letter-spacing: 0.05em;font-weight: 600;text-transform: uppercase;}
.leather-brown:after {display:none;}

.layer-wrap .leather-brown {margin:0px;padding:0px;}
.layer-wrap {padding:24px 24px 3px;}

.Podobne .leather-brown { padding: 30px 0px 15px;}
.Podobne .si {min-height:327px;}

.leather-green {position:relative; width: 100%; color: #000000; font-weight:700; letter-spacing: 0.03em; font-size:20px; padding: 0px; margin: 0; box-sizing: border-box; display: block;  }
.leather-green:after {display:none;}

.leather-green a {color:#000000;}

.RightAkceWrap { position: relative; padding-top: 0px; }
.RightAkceWrap .leather-green {position:absolute;top:0;left:0px;}
.LeftNovinkyWrap { position: relative; padding-top: 42px; padding-bottom: 16px; margin-bottom: 0px; }
.LeftNovinkyWrap .leather-green {position:absolute;top:0;left:0px;}

.PatickaWhite .LeftNovinkyWrap .leather-green , .PatickaWhite .RightAkceWrap .leather-green {position:static;}

.PatickaWhite .RightAkceWrap .leather-green,
.PatickaWhite .novinky-slide .leather-green {  display: block; float: left; text-align:center; }
.PatickaWhite .RightAkceWrap .leather-green > a,
.PatickaWhite .novinky-slide .leather-green > a {float:none;display:inline-block;padding:12px 0px 12px;}

.PatickaWhite h2 {display:none;}

.leather-green, .leather-red, .leather-brown {}

.leather-red { position: relative; width: 100%; color: #000000; font-weight:700; letter-spacing: 0.03em; font-size:20px; margin: 0; box-sizing: border-box; display: table; }

.leather-red:after {display:none;}

  .leather-brown-box { position: relative; width: 100%; font-weight:700; letter-spacing: 0.03em; font-size:20px; padding: 0px; margin: 0; box-sizing: border-box; display: block; }
.leather-brown-box > div { position: relative; display: block; float: left; width: 100%;padding: 0px;}
.leather-brown-box > div * {}



.Right .leather-brown-box > div > a {}
.Right .leather-brown-box > div > a > img {}
.Right .leather-brown-box > div > a > span { padding: 10px 7px; font-size: 16px; font-weight: 600; color: #404040; }
.Right .leather-brown-box {margin-bottom:24px;}

.Left .leather-brown-box > div > a {}
.Left .leather-brown-box > div > a > img { width: 23px; margin: 2px 2px 5px 0px; }
.Left .leather-brown-box > div > a > span { padding: 4px 7px; font-size: 14px; font-weight: 900; color: #404040;letter-spacing:-0.015em; }
.Left .leather-brown-box {margin-bottom:24px;}

.PatickaWhite .leather-brown-box > div {text-align:center;width:100%;}
.PatickaWhite .leather-brown-box > div > a {width:auto;display:inline-block;margin:auto;float:none;}
.PatickaWhite .leather-brown-box > div > a > img {width: 20px; margin: 11px 0px 11px 26px;}
.PatickaWhite .leather-brown-box > div > a > span { padding: 10px 7px; font-size: 16px; font-weight: 600; color: #404040; }
.PatickaWhite .leather-brown-box {margin-bottom:24px;}

.full-radius {border-radius: 14px;}

ul.sekce-menu { padding: 0px; margin: 0; list-style: none;  }
ul.sekce-menu a {color: #404040;}
ul.sekce-menu a.active {}


ul.sekce-menu,
ul.sekce-menu ul,
ul.sekce-menu li,
ul.sekce-menu a { text-align: left; float: left; width: 100%; box-sizing: border-box; display: block; padding:4px 0; }
ul.sekce-menu li {padding:0;}


ul.sekce-menu > li > ul > li > ul > li {padding-top: 2px; padding-bottom: 2px;}
ul.sekce-menu > li > ul > li > ul > li a {padding-top: 1px; padding-bottom: 1px;font-size:13px;}

ul.sekce-menu > li.active {padding-left:24px;display:block;}
ul.sekce-menu > li.active:before { position: absolute; left: 7px; top: -3px; content: '+'; font-size: 24px; display: block; }

ul.sekce-menu > li > a {}
ul.sekce-menu > li.active > a {padding: 5px 0px;}

ul.sekce-menu .img-square {display:none;}

ul.sekce-menu li > ul {height:0;opacity:0;transition:all 300ms linear;overflow:hidden;pointer-events:none;box-sizing:border-box;padding:0 12px;}
ul.sekce-menu li.active > ul { height: auto; opacity: 1; pointer-events: all; padding: 0; }
ul.sekce-menu a.has-submenu {background: #ffffff url(../im/select-box-arrow-up.svg) no-repeat 100% center / 13px ;padding-right:16px;}
ul.sekce-menu li.active > a.has-submenu { background: #ffffff url(../im/select-box-arrow-down.svg) no-repeat calc(100% - 8px ) center / 13px ; }
ul.sekce-menu li > ul > li.active { padding-left: 0; padding-bottom: 6px; padding-top: 5px; box-shadow: 0px 2px 13px -11px #000000; margin-top: 6px; margin-bottom: 6px; }

.Download {padding: 0px;}
.middle-menu {padding-bottom:32px;}

.middle-menu a { margin: 0px; position: relative; display:flex;box-sizing: border-box;background: #ffffff63; overflow: hidden; padding: 5px;}
.middle-menu a > img {  display:flex;height:240px;margin-top:24px;}
.middle-menu a > span { color: #303030; }


.middle-menu a:hover > span {}
.middle-menu a > span {padding: 13px;font-size: 15px;font-weight: 400;text-align: left;display: flex;align-self: center;position: absolute;bottom: 0px;font-weight: 900;line-height: 15px;}

.middle-menu .slick-slide { transition:all 250ms linear;float: left; height: 100%; min-height: 1px; margin-right: 4px; border: 1px solid #e7e7e7; position: relative; box-shadow: 0px 6px 10px -6px #000000; box-shadow: 0px 10px 21px -16px #000000a8, 0px 6px 4px -8px #000000bd; }
.middle-menu .slick-slide:hover {box-shadow:0px 0px 0px 0px #000000;top:3px;}

.middle-menu { width: 100%; float: left; box-sizing: border-box; display: block; padding: 0px 0 0; margin: 0 0 5px;overflow: hidden; }
.middle-menu ul { padding: 12px 0px 7px; margin: 0px; float: none; box-sizing: border-box; display: flex; flex-wrap:wrap; gap:7px; justify-content:flex-start; }
.middle-menu li { padding: 0; margin: 0px; float: none; box-sizing: border-box; display: flex; flex: 1 1 240px;align-self:stretch;}
.middle-menu > div { width: 100%; margin-bottom: 9px;display:block; }
.middle-menu > div > li {width:auto;float:left;display:block;box-sizing:border-box;margin:0;padding:0;border: 1px solid #dddddd;}
.middle-menu > div > li.active {}
.middle-menu > div li a { margin: 0px; position: relative; width: 100%;  height: 120px; float: left; box-sizing: border-box; display: block; background: #ffffff63; overflow: hidden; }

.middle-menu .slick-slide > div { max-width: auto; }
.middle-menu > div li a > img { max-width: 62%; max-height: 46%; position: absolute; top: 32px; bottom: 0px; left: 0px; right: 0px; margin: auto auto 5px; }
.middle-menu > div  li a > span {position:absolute;top:0px;left:0px;z-index:99;box-sizing:border-box;width:100%; min-height:32px;border-bottom:1px solid #eeeeee;color: #838383; float: left; padding: 10px; font-size:13px; line-height: 12px;background-color:#ffffff; }

.middle-menu > div  li ul {display:none;}

.middle-menu .slick-dots li {margin:0px 3px;}
.middle-menu .slick-dots li button {}
.middle-menu .slick-dots li.slick-active {}
.middle-menu .slick-dots li.slick-active button {}

.middle-menu  .slick-dots li button:before {}

.middle-menu > div {margin-bottom:12px;}

/*.middle-menu > div > li a:after { content: ''; position: absolute; display: block; float: left; top: 3px; left: 3px; right: 3px; bottom: 3px; border-radius: 9px; border: 1px dashed #cd8c6a; }
*/


.middle-menu li { padding: 0px 7px 0px 0px; border-right: 0; position:relative;background:#ffffff;border:1px solid #e7e7e7;}
.middle-menu li:nth-child(odd) { z-index:199; }
.middle-menu .slick-slide:nth-last-child(1) > div li {}
.middle-menu > div > li > ul {display:none;}
.middle-menu > div > li.active > ul {display:block;}
.middle-menu > div > li.active > ul > li {width:auto;}
.middle-menu > div > li.active > a {display:none;}

.Strankovani .middle-menu li.hard {display:none !important;}

.hp-menu { padding-top: 0px; flex: 1 1 100%; }
.hp-menu .middle-menu li { padding: 0;max-width:25%;background:transparent;border:0;flex: 1 1 22%;}
.hp-menu .middle-menu li:nth-child(odd) { z-index:199; }
.hp-menu .middle-menu .slick-slide:nth-last-child(1) > div li {}
.hp-menu .middle-menu > div > li > ul {display:none;}
.hp-menu .middle-menu > div > li.active > ul {display:block;}
.hp-menu .middle-menu > div > li.active > ul > li {width:auto;}
.hp-menu .middle-menu > div > li.active > a {display:none;}
.hp-menu .middle-menu ul {justify-content: stretch;margin:0;gap:15px;padding:0;}
.hp-menu .middle-menu a {background: transparent; display:flex; justify-content:center;padding:0px 0px 0px;width:100%;flex: 1 1 100%;}
.hp-menu .middle-menu a > img {  display:flex;height:auto;margin-top:0px;width:100%;transition: all 400ms ease-in;}
.hp-menu .middle-menu a > span {z-index:100;padding: 0;font-size: 24px;font-weight: 600;text-align: left;display: flex;align-self: center;position: absolute;top: 50%;letter-spacing: 0.02em;margin: auto;align-self: center;display: flex;color: #ffffff;line-height: 34px;margin-top: -17px;}

.hp-menu .middle-menu a:before {position:absolute;display:block;content:'';top:0;left:0;width:100%;height:100%;z-index:99;background:#00000044;transition: all 200ms linear;}
.hp-menu .middle-menu a:hover:before {background:transparent;background:#00000000;} 
.hp-menu .middle-menu a:hover > img {transform: scale(1.33);transition: all 4000ms ease-out;} 



.Strankovani .middle-menu a > img { height: 48px; margin: 0; align-self: center;}
.Strankovani .middle-menu a > span {position:static;}


.layer .MainMenuSettings, .layer h1 { width: 100%;}
.layer .menu-c-user, .layer .mainmenu-kosik {float:left;}
.layer h1:after {display:none;}
.layer .Obrazek .slick-dots li { width: 40px; height: 40px;}
.layer .Obrazek .slick-dots { margin: -48px 0px 0px 0px;}
.layer .Obrazek .slick-dots li span { width: 38px; height: 38px; margin: 1px; overflow: hidden; }
.layer .Obrazek .slick-dots li span img { max-width: 32px; max-height: 32px; }

.voucher-box {float:left; margin: 0px 0px 2%; width:100%;padding:12px;border:1px solid #eeeeee;}
.WrapperVoucher .Nadpis:after {display:none;}
.voucher-box { margin: 0; width: 100%; padding:0;border:0;position:relative;background:#484745; box-shadow: inset 13px 0px 28px -15px #262626;}
.SeznamVoucher .voucher-box {margin-bottom:30px;}
.voucher-box .submit {float:left; padding:7px 12px;margin:12px 12px 0px 0px;}
.voucher-box .submit:nth-child(2) {}

.Filtry .voucher-box, .Filtry .voucher-box * {color:#ffffff}
.Filtry .voucher-box .submit { color: #ffffff; width: auto; font-size:13px; padding: 6px; margin-top: 6px; float: left; }

.voucher-image { float: left; width: 50%; padding: 0px; }
.voucher-popis { float: right; width: 50%; padding: 15px; background: #3a3937;position:relative;margin-bottom:24px; }

.voucher-box:nth-child(odd) .voucher-popis { background: #484745; }

.WrapperVoucher.mw-wide { padding: 0 64px; margin: 0; background: #262626; }
.WrapperVoucher *, .WrapperVoucher {color:#ffffff;}
.WrapperVoucher .submit {color:#404040;width:100%;text-align:center;float:left;margin:0 0 10px;}

.bgs.submit.p3 { background-color: #ffc107; padding-left: 24px; color: black; padding: 8px 8px 5px 29px; }

.PriceBox { font-size: 32px; color: #404040; padding-top: 12px; padding-right: 8px;}
.mainmenu-kosik { background: transparent url(../im/kosik_w.svg) no-repeat 0px center / 19px; display: block; float: right; padding: 1px 5px 5px 23px; height: 43px; }
.mainmenu-kosik, .mainmenu-kosik * { font-size: 16px; padding-top: 2px;}

.menu-c-user { background: transparent url(../im/c-user-w.svg) no-repeat 0px center / 24px; float: right; padding: 5px 2px 5px 24px; height: 43px; width: 96px; }
.menu-c-user, .menu-c-user *, .menu-c-user a {font-size:9px;}
.menu-c-user a { font-size: 9px; text-transform: uppercase;  padding-top: 8px; max-width: 85px; font-weight:700; }
.menu-c-user a.middle {padding-top:9px;font-size:13px;}
.mainmenu-kosik > div {padding-top:9px;}
.mainmenu-kosik > div strong { padding: 0; font-size: 15px; color: #fecc00; }

.bc-wrap { text-align: left; padding: 0px 0px 9px; }
.bc-wrap > a, .bc-wrap > span { width: auto; box-sizing: border-box; display: inline-block; padding: 5px; float: none; margin: 0; color: #89898a; font-size: 11px;  }
.bc-wrap > a:after {content:'/';text-align:right;width:12px;display:inline-block;}
.bc-wrap > span { background: transparent; font-size: 11px; line-height: 15px; vertical-align: middle; height: 23px; font-weight: bold; }
.bc-wrap > a {text-decoration:underline;}
.bc-wrap > a:nth-child(1) {margin-left:0;padding-left:0;}

.bc-wrap > a:nth-last-child(3) {background:transparent;}

.social-media { position: static; padding-right: 0; float: right; padding-bottom: 0;padding-top:3px;}
.social-media a { width: 18px; height: 18px; float: left; margin: 0 0px 0 6px; border: 0; opacity: 1; transition: all 300ms linear; }
.social-media a img {width:18px;height:18px;float:left;margin:0;border:0;opacity:0.6;}
.social-media span { line-height: 19px; float: left; font-weight: bold; font-size: 10px; margin-right: 1px; text-transform: uppercase; color: #bebebe; }
.social-media a:hover {opacity:1;}

.Seznam { padding: 0 0 0px; min-height: 28vh; }
.Strankovani, .OrderBox { padding: 0px 15px; margin: 0; border-radius: 0; }
.Strankovani2 .Strankovani {background:#ffffff;border-bottom:1px solid #aaaaaa;}
.OrderBox { margin-top: 0px; z-index: 1677;}
.FiltrPanel {  margin-bottom:0px; margin-top: 0px;border-bottom: 1px solid #282828; }
.FiltrPanel > strong:nth-child(1) { font-size:13px; padding: 9px 38px 0 0; }
.FiltrPanel small {padding-top:2px;}

.FiltrPanel .reset-button { width: auto; float: left; padding-left: 11px; margin: 8px 10px 0 0px; padding-right: 12px; }

.FiltrPanel .reset-button {color:#ffffff;}

.checkmark > b { margin-top: -1px; font-size:13px; float: right; }

.NejBox .karta-wrap {margin-bottom:32px;}

.Breadcrumbs { box-shadow: 0px 3px 8px -5px #404040; background: #f7f8fb; padding: 4px 12px; border-radius: 5px; }
.Breadcrumbs { box-shadow: 0px 0px 0px 0px #404040; background: transparent; padding: 0px 0px 0px; border-radius: 5px; }
.urlm27 .Breadcrumbs { display:none; }
.WrapperVoucher h1 {padding:32px 0px; text-align:center;}
.ProduktWrap .Breadcrumbs { box-shadow: 0 0 0 0 #000000; padding: 0px 0px 0; }

.urlm10 .Breadcrumbs {}
.urlm10 .Slide { margin-bottom: 3px; }


.Slide img {width:320px;}

.FiltrPanel a:hover {background-color:#40404011;}

.modul-is-empty {height:0;overflow:hidden;padding:0;margin:0;border:0;outline:0;opacity:0;float:left;display:block;box-sizing:border-box;pointer-events:none;}


.fast-window-in .modul-is-empty { height: auto; width:100%;opacity: 1; pointer-events: all; cursor: pointer; }
.editable-contain {background:#f7f8fb;min-height:36px;color:#313131;width:100%;float:left;padding:12px;}

.WrapperDetailProduktuMw > .Nadpis { padding-top: 4px; font-weight: 600; margin-bottom: 12px;width:100%;}
.WrapperDetailProduktuMw { background:#ffffff; }


.Strankovani2 { padding-top: 24px; }

.f-wrap { margin-bottom: -1px; float: right; width: 100%; padding-left: 14px; }
.f-wrap > img { border-radius: 100%; margin-right: 0; border: 0; box-shadow: 5px 8px 9px -12px #404040; float: left; width: 64px; margin-bottom: 11px; }
.f-wrap > div { padding-top: 12px; width: calc(100% - 64px); float: left; text-align: left; padding-left: 13px; }
.f-wrap > div > strong { font-size: 24px; font-weight:700; letter-spacing: -1px; line-height: 0.8; }

.kontakt-box { margin-bottom: 0px; min-height: 104px; padding: 0; }
.kontakt-box > div > strong, .kontakt-box > div > strong > a {font-size:13px;}
.kontakt-box > div.bgs { background:#616161; padding: 0px; margin-top: 8px; }
.kontakt-box img { border-radius: 100px; background: #eae6e1; padding: 16px; margin-top: 28px; }
.kontakt-box > div.c10 { background: transparent; width: auto; padding-top: 2px; padding-left: 6px; max-width: 70%; }

.FiltrBox .kontakt-box { width: 100%; min-height: auto; }
.FiltrBox .kontakt-box > div > strong { font-size: 18px; line-height: 1; padding: 10px 8px 13px; }

.scroll-here-required:before { content: '!'; display: inline-block; float: left; width: 24px; height: 24px; box-sizing: border-box; margin-right: 12px; background: red; color: #ffffff; font-size: 19px; padding: 0; border-radius: 24px; text-align: center; }
.scroll-here-required {margin-top:3px;}

.Popis1, .Popis1 * {color:#313131;}
.Popis1 a {color: #2196f3;font-weight: bold;text-decoration: underline;}
.Popis1 p {padding: 0px 0px 12px;margin:0;}


.Dokumenty { padding: 43px 0px 20px; text-align: center; }
.DokumentMenu {}
.DokumentMenu > div {padding:32px 8px 24px 24px;}
.DokumentMenu > div a {width:100%;float:left;display:block;box-sizing:border-box;padding:8px;color:#404040;text-decoration:underline;}
.WrapperDokumenty {padding:32px 8px 24px 24px;}



.Kosik .submit-osobni-udaje { padding: 15px; border: 1px solid #eeeeee; border-radius: 4px; background: #f7f8fb; }
.Shrnuti .submit-osobni-udaje { padding: 15px; border: 1px solid #eeeeee; border-radius: 4px; background: #f7f8fb; }

.dopravce-ico {width:50px;padding:0px;}
.dopravce-buttons {width:calc(100% - 100px);padding-left:12px;}
.dopravce-buttons > strong {padding:15px 9px;}
.dopravce-buttons > .submit {margin-top:6px;}
.dopravce-buttons > .min-price {padding:15px 9px;}
.KosikMenu table {float:left;width:100%;border:1px solid #404040;margin: 20px 0px;}
.KosikMenu table td {border:1px solid #404040;padding:9px;background:#ffffff;}

.KosikMenu {display:block;}
.kosik-menu-items {  }
.kosik-menu-items b.kosik-strana { float: left; font-size: 32px; line-height: 32px; padding: 16px 5px; }
.kosik-menu-items strong { float: left; font-size: 15px; line-height: 32px; padding: 16px 0px 0px 0px; }
.kosik-arrow {padding: 0px 0px;}
.kosik-arrow:nth-last-child(1) {background:transparent;}
div.kosik-arrow {background: transparent url('../im/menu_arrow_r.svg') no-repeat right 9px center / 12px;}
span.kosik-arrow {background: transparent url('../im/menu_arrow_r.svg') no-repeat right 9px center / 12px;}

div.kosik-arrow a {float:left;width:100%;box-sizing:border-box;color:#404040;text-decoration:underline;}

div.kosik-arrow strong, div.kosik-arrow b.kosik-strana {color:#404040;}
span.kosik-arrow strong, span.kosik-arrow b.kosik-strana { color: #303030; }
.Mapa { width:73%;margin-left:24px;width:calc(75% - 24px);}
.Mapa iframe {width:100%;height:50vh;border:0;}
.Faktur { width:25%;}

.Mapa { width:calc(100% - 24px - 250px);}
.Faktur { width:250px;}

.Faktur .kontakt-box { width: 100%; margin-bottom: 48px; }
.Faktur .kontakt-box > div.c10 { background: transparent; width: auto; padding-top: 0px; padding-left: 12px; max-width: 70%; margin-top: -7px; color: #404040; }
.Faktur .kontakt-box > div > strong, .Faktur .kontakt-box > div > strong > a { color: #404040; font-size: 20px; line-height: 1; padding: 8px 0px; }

.WrapperKontaktMaxWidth {padding-top:32px;}

.Parametry li:nth-child(odd) {background:#f7f8fb;}

.FaqMenu .Popis {padding: 0px 40px;}
.FaqMenu .Nadpis {padding: 40px 40px 20px;border-top:1px solid #eee;}


.Parametry table tr:nth-child(odd) {background:#f7f8fb;}
.Parametry table td {padding:0px 6px;}

table {width:100%;float:left;border:1px solid #f7f8fb;margin-top:24px;}
table tr:nth-child(odd) { background: #f7f8fb; }
.Parametry > ul { width: 100%; float: left; box-sizing: border-box; padding-right: 0px; text-align: justify; list-style: none; padding: 0; margin: 0px 0px 24px; }
table p {margin:0;padding:0;}
table td {padding:4px;}
.row-pdf { width: 100%; float: left; display: block;box-sizing:border-box; background: transparent url(../im/pdf.svg) no-repeat 0px center / 32px 32px; padding: 9px 9px 9px 33px; color: #404040; font-size: 14px; text-decoration: underline; margin-right:0; }


.WrapperDetailProduktu {}

.WrapperFiltr { min-height: 95vh; float: left; padding-right: 0; padding-left: 64px; display: block; width: 320px; background: #ffffff; box-shadow: inset -12px 0px 28px -31px #404040; }
.WrapperSeznamProduktu { min-height: 95vh; width: calc(100% - 320px); border-right: 1px solid #ddddde; padding: 0px; }

.kosik-dop-item.active {      padding: 9px 12px 8px 40px;border: 1px solid #dddddd;border-radius: 3px; }
.za-input {padding:12px 12px 12px 40px;border: 1px dashed #404040;border-top:0;border-radius: 0px 0px 10px 10px;}
.kosik-dop-item.active.border-bottom {border-color: #404040;}
.kosik-d-item {box-shadow: 0px 2px 6px -4px #000000;}
.kosik-d-item { margin-bottom: -1px; border: 1px solid #eeeeee; border-radius: 3px; position:relative;}
.kosik-d-item.active {border: 1px solid #404040;padding:7px;margin-bottom:14px;}
.kosik-dop-item:hover {background:#f7f8fb;}

.FiltrBox label.x5 { width: 100%; margin-top: 2px; }
.FiltrBox {  }

.respo-show {display:none;}
.Strankovani .button-filtr-open.respo-show {display:none;}
@media (max-width: 1200px) { .respo-show, .Strankovani .button-filtr-open.respo-show  {display:block;}  }

th {text-align:left;}

.FiltrPanel2 .ico-notok { width: auto; padding-top: 2px; background-position: 0px 0px; margin: 4px 0px 0px 7px; padding: 2px 0px 2px 22px; }


/*.FiltrBox.active .button-filtr-close { position: fixed; right: calc(10% + 260px); top: 50%; margin-top: -20px; background: #00acfe; padding: 12px; color: #ffffff; border-radius: 48px 0px 0px 48px; z-index: 999999; text-shadow: 0px -2px 0 #006f99; box-shadow: 0px 3px 0px 0px #006f99; }
.FiltrBox .button-filtr-close { position: static; background: #00acfe; padding: 0px; color: #ffffff; border-radius: 4px; z-index: 999999; text-shadow: 0px -2px 0 #006f99; box-shadow: 0px 2px 0px 0px #006f99; float: left;width: auto; }

*/

.ui-sli { margin: 0px 0px 10px;}

.pcs-sel {}

.filtr-family-n {width:25%;float:left;}


.ui-widget-header { border: 0; background: #ffc107; color: #fff; font-weight: bold; }
.ui-widget-content { border: 1px solid #ffc107; background: #ffffff; color: #333; height: 4px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #000; background: #fff; font-weight: bold; color: #404040; border-radius: 15px; margin-top: -4px; }


.fixed-me-left .filtr-buttons {width:128px;left:calc(100vw * 0.06);position:relative;}
.fixed-me-left .filtr-buttons a {}

.fixed-me-left .ico-filtr { margin: 0; float: left; position: relative; left: 64px; min-width: 235px; top: 90vh; padding-left: 37px; padding-top: 6px; padding-right: 0; }

.fixed-me-top .filtr-buttons { width: auto; height: 0; left: -133px; position: relative; padding: 6px; background: transparent; transform: rotate( -90deg ); top: 134px; }
.fixed-me-top .filtr-buttons a {font-weight:400;width:auto;padding:4px;border-radius:0;margin-right:2px;}

.layer .vel-tab-wrap  {display:none;}

.hvezdicka, .hvezdicka * {border:1px solid red !important;}

.Dokosiku {padding: 0px 0px 0px 30px;width: 50%;float: right;}
.Dokosiku .pr-box {width:100%;}
.Dokosiku .dokosiku-form .pr-box { width: 100%; padding: 10px 0px 32px; }

.Dokosiku > div:nth-child(1) {}

.Dokosiku button.submit { max-width: 50%; padding: 12px 28px 12px 12px; }

.Dokosiku .select-opener { width: 100%; margin: 0; }

.Dokosiku .cena {}

.Dokosiku .dokosiku-form > select {width:50%;width:calc(50% - 8px);margin-right:1px;box-sizing:border-box;}

.WrapperKosikMW {background:#ffffff;}

.Parametry, .Table {width:100%;}
.Parametry ul li {padding: 12px;line-height:1.25;}

img.loading-img {opacity:0.67;transition:opacity 200ms linear;position:relative; background:#eeeeee url('../im/empty-loading.svg') no-repeat center center / 32px !important ; }

.filtr-box-form.show-it-wrap-right.show-it-wrap-opened { position:fixed;right:2vh;width:256px;height:96vh;z-index:10000000;top:2vh;overflow:auto;overflow-x:hidden;background:#ffffff;border:1px solid #404040; }
.FiltrBox.loading-before:before, .form-submit-FiltrBox.loading-before:before {display:none;}

.filtr-box-form.show-it-wrap-left.show-it-wrap-opened { position: fixed; left: 0; z-index: 10000000; top: 30px; overflow: auto; overflow-x: hidden; background:#f6f6f6; bottom: 0; padding: 12px; width: 320px; }

.show-it-wrap-left.show-it-wrap-opened .show-it-wrap-close { position: fixed; border-radius: 0px 32px 32px 0px; background: #ffd333; top: 0; bottom: 0; left: 320px; right: auto; margin: auto 0; padding: 8px; box-sizing: border-box; width: 40px; height: 40px; box-shadow: 6px 1px 18px -8px #404040; }


 .title  { background: #404040; padding: 2px 12px; }

 .HPNabizime a {border:1px solid #282828;}
 .HPNeprehlednete a { border: 1px solid #282828; }




 .box-menu { padding-top: 7px; float:left; }
 .box-menu a {position: relative; top: 1px; z-index: 10; line-height:14px;width:auto;transition:all 250ms linear; padding: 11px 15px; color: #ffffff;background: #303030;border:1px solid #303030;border-bottom:0;margin-right: 2px; float: left; box-sizing: border-box; font-weight: 900; font-size:14px;border-radius:3px 3px 0px 0px;}
 .box-menu a.active {background: #ffffff; color:#404040;border:1px solid #282828;border-bottom:1px solid #ffffff; }
 .box-menu a:hover {background:#cccccc;}
 .box-menu a.active:hover {color:#000000;} 
 .box-menu > span:nth-child(1) { padding-top: 10px;float: left;margin-right: 6px;margin-left: 12px; }
 .box-menu.pocet-info > span:nth-child(1) { float: right; margin-right: 0px;}
 .box-menu.b0 {border:0;}

/* si seznam */


.FiltrPanel2 .bgr {width:auto;}

.Seznam {display: grid;grid-template-columns: repeat( auto-fit, minmax(320px, 1fr) );row-gap: 15px;column-gap: 15px;}
.si { text-align: center; box-shadow: 0px 0px 0px 0px #0000000d; position: relative; margin: 0; box-sizing: border-box; padding: 0; overflow: hidden; background: #ffffff; }

.Seznam, .FiltrPanel, .FiltrBox, .Strankovani2 {padding: 0px 15px;}
.FiltrBox {}
.SeznamWrap {padding-top:15px;background:#ffffff;}

.SeznamWrap > .FiltrBox {width:224px;padding: 0px 0px 0px 15px;}
.SeznamWrap > .Seznam {  width: calc(100% - 224px);}

.filtr-box-search-form {border-radius:3px;display:block;width:100%;float:left;}
.filtr-box-search-form .filtr-box-search {display:block;float:left;width:100%;border-color:#282828;padding: 7px;align-self: center;}

.filtr-box-search-form {position:relative;padding:0px;}
.filtr-box-search-form input[type='text'] {width:70%;margin:0px;width:calc(100% - 37px);padding: 13px 3px;}
.filtr-box-search-form .button-search {position:absolute;top:0px;right:0px;height:100%;padding:5px;}



.si { grid-column: span 1;border:1px solid #e7e7e7; }
.prbox-podobne .si {flex: 1 1 100%; max-width: 100%;}


.Podobne .si {border-bottom:0;}

@media (max-width: 1440px) { .si {flex-basis: 200px; flex: 1 1 26%;} .prbox-podobne .si {flex: 1 1 100%; max-width: 100%;}  }


@media (max-width: 1200px) { .SeznamWrap > .Seznam {width:100%;} }
@media (max-width: 1080px) { .si {flex-basis: 200px; flex: 1 1 26%;} .prbox-podobne .si {flex: 1 1 100%; max-width: 100%;}  }
@media (max-width: 800px) { .si {flex-basis: 200px; flex: 1 1 33%;    max-width: 100%;} .prbox-podobne .si {flex: 1 1 100%; max-width: 100%;}  }
@media (max-width: 480px) { .si {flex-basis: 200px; flex: 1 1 51%;} .prbox-podobne .si {flex: 1 1 100%; max-width: 100%;}  }

.si:nth-child(8n) {margin:0 0;}

.si {transition: all 250ms linear;padding-bottom: 0;}
.si > * {transition: all 250ms linear;}
.si * {line-height:1.25;}

.prbox-pod {position:relative;padding: 0px 0px;}
.slick-podobne-prev, .slick-podobne-next {cursor:pointer;transition:all 200ms linear;position:absolute;left:-36px;top:0px;height:100%;width:32px;background: transparent url(../im/al.svg) no-repeat center center / 24px;z-index:1110;}

.slick-podobne-next {right:-36px;left:auto;background-image:url(../im/ar.svg);}
.slick-podobne-prev:hover, .slick-podobne-next:hover {background-size:32px;}

.Podobne .si { margin: 0;}
.Podobne .si { margin: 0;}
.Podobne .prbox-podobne {  }

.si:before {content:'';display:block;position:absolute;top:0;bottom:0;right:-1px;}
.si:after {content:'';display:block;position:absolute;left:0;bottom:-1px;right:0;}
.si:hover { z-index: 999; position: relative; border: 1px solid #ffffff; }
.si .seznam-item-popis, .si .image-wrap, .si .seznam-price {overflow:hidden;width:100%;}

.si > strong {box-sizing:border-box;padding-bottom:7px;}
.si > strong > a {color:#000000;}
.si > strong > a:hover {text-decoration:underline;}


.si .strong > a { color: #000000; font-size: 14px; text-align:center; width: 100%; float: left; padding: 0 12px; line-height: 1.4;color:#000000; }

.si .strong { width: 100%;position: relative;transition: all 250ms linear;display: flex;align-self: end;padding: 0px 15px;}
.si .strong span {text-align:left;display:flex;}
.si .strong span a {color:#000000;font-size:15px;text-align:left;display:flex;align-self:stretch;height: 43px;line-height:16px;}
.si .strong.zasun-2:hover span , .si .strong.zasun-2:focus span {top:auto;bottom:auto;}
.si .strong.zasun-2:hover, .si .strong.zasun-2:focus {overflow:unset;}

.slick-slide { box-shadow: none; }

.si.seznamItemRow .strong > a {text-align:left;padding:0;}
.si.seznamItemRow .strong { text-align: left; margin-bottom: 6px; min-height: 28px; }
.si  .strong > a:hover {text-decoration:underline;}

.si > .popis {display:none;width:100%;float:left;min-height:39px;box-sizing:border-box;}

.si .image-wrap {display: flex;float: none;flex-flow: row;position: relative;background: #ffffff;margin: 0;justify-content: center;padding: 15px;width: 100%;height: 100%;margin-bottom: 7px;filter:brightness(0.95) contrast(1.02)}
/* .si .image-wrap:before {content:'';display:block;float:left;width:100%;padding-top:100%;} */
/*.Podobne .si .image-wrap:before { content: ''; display: block; float: left; width: 100%; padding-top: 51%; } */

.si .image-wrap:before {content:'';display:none;}
.si .image-wrap:hover:before {content:'';display:block;}

.si .image-wrap {height:300px;}

.si .image-wrap img {    position: absolute;transition: all 300ms linear;display: flex;align-self: center;max-width: 100%; max-height: 280px; z-index: 90; margin: auto;}
.si .image-wrap img:nth-child(2) {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:99%;max-height:99%;transition:all 300ms linear;z-index:130;opacity:0;}

.si .image-wrap.has-two:hover:before {content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:#ffffff;display:block;z-index:120;}
.si .image-wrap:hover img:nth-child(2) {opacity:1;}

.si .stitky > .stitek.dop-free, .prod-item-dop {transition: all 100ms linear;}
.si .stitky > .stitek.dop-free:hover, .prod-item-dop:hover {transform: scale(1.1);}

.si .seznam-price { width: 100%; height: auto; z-index: 105; padding: 7px 15px 7px 15px; }
.s-dph-wrap {text-align:left;padding:2px 0px;color:#282828;}
.si .seznam-price .skladem {font-size:13px;color:#aaa;}
.si .seznam-price .skladem b {}
.si .seznam-price .price-puvodne {font-size:15px; width: 100%;font-weight:bold;color:#ff0033;text-align:left;}
.si .seznam-price .price { font-size: 20px; font-weight: 900; width: 100%; margin: 0; line-height: 1;text-align:left;}

.price {letter-spacing:-0.033em;}

/*.si .stitky { width: 86px; text-align: left; font-size: 9px; position: absolute; z-index: 1000; right: 0; bottom: 170px; }  */
.si .stitky { width: 100%; text-align: left; font-size: 10px;display: flex;flex-wrap:wrap; padding: 7px 15px 7px;gap: 4px;}
.si .stitky > .stitek { color: #000000; text-align: left; line-height: 1; border-radius: 2px; float:none; display: flex; align-items:center; box-sizing: border-box; width: auto; max-width: 100%; margin: 0;padding: 4px; }
.si .stitky > .stitek img { float: left; width: 16px; height: 16px; display: inline-block; border: 0; margin-right: 3px; transition: all 300ms linear; margin: 2px 3px 2px 2px; }
.si .stitky > .stitek span { width: auto; height: auto; overflow: hidden; display: inline-block; box-sizing: border-box; padding: 0px;  }

.si .stitky > .stitek, .si .stitky > .stitek * { font-size: 12px; line-height: 1;font-weight: 500; text-transform: uppercase;justify-content: center;}

.si .stitky > .stitek span > b {float: left; width: 100%; }
.si .stitky > .stitek:hover img {}

.si a.dokosiku {background: #2196f3;padding: 0 0 0 10px;position: relative;z-index: 120;margin: 0px;width: auto;text-align: center;box-sizing: border-box;float: none;align-self: end;width: auto;margin: 0 15px 15px 0px;position: absolute;bottom: 0;right: 0;border-radius: 4px;}

.si a.dokosiku img {  float: left;width: 24px;height: 24px; margin: 0; padding: 4px; }
.si a.dokosiku span {float: left;margin: 0px 12px 0px 0px;line-height: 32px;font-size: 15px; color: #ffffff;text-transform: uppercase;font-weight: 900; font-family: 'Roboto';}

.Podobne .si {padding:0px;}
.Podobne .si a.dokosiku {padding: 11px;right: 0;bottom: 0;margin: 0px 7px 32px 0px;}
.Podobne .si a.dokosiku span {display:none;}

.Podobne .si0-slide {padding:2px;} 
.Podobne .si0-slide .si > div, .Podobne .si0-slide .si > strong {padding-left:0px;padding-right:0px;} 

.si strong > a {color:#000000}

.si a.lupa { background: #ffffff; padding: 7px; position: relative; z-index: 120; margin: 0 auto; float: left; width: 46px; margin-left: 3px; text-align: center; bottom: 46px; box-sizing: border-box; height: 44px; margin-left: 3px; position: static; float: right; }
.si a.lupa img { float: left; width: 28px; height: 28px; margin: 0; }

.prod-item-dop {position: relative;display: flex;border: 1px solid #dddddd;padding: 1px 4px 1px 1px;border-radius: 3px;}
.prod-item-dop > img {width:20px;height:20px;margin-right:2px;float:left;margin:0px;position:absolute;}
.prod-item-dop > span {font-size:13px;font-weight:bold;line-height:20px;float:left;padding:1px 2px 1px 24px;}
.si .dop-all {position:absolute;top:0px;left:0px;right:0px;max-width:100%;overflow:auto;overflow-x:hidden;opacity:0.95;border:1px solid #e7e7e7;z-index:390;display:none;}
.si .dop-all {text-align:left;}
.stitky:hover .dop-all {display:none;}

.dop-all .prod-item-dop {border:0;border-bottom:1px solid #e7e7e7;padding:4px;flex-flow:row;width:100%;background:#ffffff;}
.dop-all .prod-item-dop > span {line-height:1.25;font-weight:normal;padding:4px 2px 4px 24px;}
.dop-all .prod-item-dop > span:nth-child(2) {flex:1 1 64px;}

.slick-slide > div {width:100%;}
.search-form-li .si:hover {}
.search-form-li .si {display:flex;flex-flow: wrap;padding-bottom:7px;border:0;border-bottom:1px solid #e7e7e7;box-shadow: 0px -32px 23px -31px #0000001f;}
.search-form-li .si > * {width:auto;}
.search-form-li .si .image-wrap {height:48px;flex: 1 1 48px;}
.search-form-li .si .image-wrap img {max-height:48px;max-width:48px;}
.search-form-li .si .image-wrap img:nth-child(2), .search-form-li .si:hover .image-wrap img:nth-child(2)  {display:none;}
.search-form-li .si .strong {flex: 1 1 200px;padding: 15px 45px 0px 0px;}
.search-form-li .si .seznam-price {width:180px;}
.search-form-li .si .stitky {flex-flow: wrap;order: 10; justify-content: start;padding:7px 56px 7px 7px;width: 100%;}
.search-form-li .si .stitky .stitek {align-self:end;} 
.search-form-li .si a.dokosiku span {display:none;}
.search-form-li .si a.dokosiku {padding:1px;}
.MainMenuWrap .auto-complete-wrap a.submit {display: flex;align-self: stretch;padding: 15px;border-radius: 0px;justify-content: center;position: relative;z-index: 50;}
.MainMenuWrap .auto-complete {background: transparent url(../im/search_w.svg) no-repeat 3px center / 24px;padding-left:28px;color:#ffffff;}
.search-form-li .si .strong span a {font-size:12px;}
.search-form-li .si .seznam-price .price {font-size: 18px;font-weight: 900;}
.search-form-li .stitky:hover .dop-all {display:none;}
.search-form-li .si .image-wrap {padding:0px;margin:0;filter:none;flex: 1 1 48px;max-width: 48px;}
.search-form-li .si .strong {align-self:start;}
.search-form-li .si .seznam-price .price-puvodne, .search-form-li .si .seznam-price .price {width:auto;}
.search-form-li .si.s-dph-wrap {text-align:right;}

.stitky {cursor:pointer;}
.Obrazek .stitky {cursor:auto;}
.search-form-li .stitky {cursor:auto;}


@media (max-width: 1440px) { .produkt-item {width:22%;margin-right:4%;margin-top:4%;} .produkt-item:nth-child(6n) { margin-right: 4%;} .produkt-item:nth-child(4n) { margin-right: 0;}      }

@media (max-width: 1440px) { .produkt-item.nej-item { width: 25%; }  }


.si.seznamItemRow { width: 25%; margin: 0 0 24px; max-height: 100vh; overflow: hidden;height: 276px; border: 0; background: transparent; box-shadow: 0 0 0 0 #000000; }
.si.seznamItemRow a.lupa {background:transparent;}
.si.seznamItemRow:nth-child(8n) {margin:0 0 24px;}


@media (max-width: 1440px) { .seznam-item {width:33.33%;} }

.Podobne .si {width:100%;border:0;}

.Podobne .si > *, .Podobne .si0-slide .si > div, .Podobne .si0-slide .si > strong {padding:7px}

.Dokosiku a.dokosiku { background: #2196f3; padding: 1px 16px; position: relative; z-index: 120; margin: 9px auto 3px; width: auto; text-align: center; box-sizing: border-box; float: none; display: inline-block;border-radius:3px;}

.Dokosiku a.dokosiku img { float: left; width: 28px; height: 28px; margin: 0; }
.Dokosiku a.dokosiku span {float: left;min-width: 24px;height: 35px;margin: 0 12px 0 0;line-height: 23px;font-size: 15px;color: #ffffff;padding: 0; }

.si-banner a.lupa { background: #ffffff; padding: 7px; position: relative; z-index: 120; margin: 0 auto; float: left; width: 44px; margin-left: 3px; text-align: center; bottom: 46px; box-sizing: border-box; height: 44px; }
.si-banner a.lupa img { float: left; width: 28px; height: 28px; margin: 0; }

.si-banner a.lupa { background: #ffffff; padding: 6px; position: relative; z-index: 120; margin: 0 auto; float: left; width: 40px; margin-left: 46px; text-align: center; bottom: 0px; box-sizing: border-box; height: 32px; }
.si-banner a.lupa img { float: left; width: 24px; height: 24px; margin: 0; }

/* si banner */
h3.karta-bgs.active {font-size:13px;line-height:20px;}

.si-banner { width: 100%; display: block; float: left; position: relative; margin: 0px 0px 0px; box-sizing: border-box; padding: 0 0 9px; background: #ffffff; border-radius: 3px; border-bottom: 0; box-shadow: 0px 0px 26px -14px #9d9d9d; }


.si-banner:before {content:'';display:block;position:absolute;top:0;bottom:0;right:-1px;}
.si-banner:after {content:'';display:block;position:absolute;left:0;bottom:-1px;right:0;}
.si-banner:hover { box-shadow: 6px 7px 26px -20px #404040; z-index: 999; position: relative; }
.si-banner .image-wrap, .si-banner .seznam-price {overflow:hidden;width:100%;}

.si-banner > strong {width:100%;display:block;float:left;height:33px;box-sizing:border-box;line-height:12px;font-size:13px;overflow:hidden;padding:8px 8px 1px;}
.si-banner > strong > a {color:#000000;}
.si-banner > strong > a:hover {text-decoration:underline;}
.si-banner > .strong { width: 100%; display: block; float: left; min-height: 33px; box-sizing: border-box; line-height: 12px; font-size:13px; overflow: hidden; padding: 8px; z-index: 99999; position: relative; }
.si-banner > .strong > a {color:#000000;}
.si-banner > .strong > a:hover {text-decoration:underline;}


.si-banner .image-wrap { display: block; float: left; width: 100%; position: relative; background: #ffffff; overflow: hidden; position: relative; right: 0; bottom: 0; height: 100%; }
.si-banner .image-wrap:before { content: ''; display: block; float: left; width: 100%; padding-top: 50%; }
.si-banner .image-wrap img { position: absolute; top: auto; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 99.5%; transition: all 300ms linear; z-index: 110; }
.si-banner .image-wrap img:nth-child(2) {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:92%;transition:all 300ms linear;z-index:120;opacity:0;}
.si-banner .image-wrap:hover img:nth-child(1) {opacity:1;}
.si-banner .image-wrap:hover img:nth-child(2) {opacity:1;}

.si-banner .seznam-price { bottom: 0px; left: 0; height: auto; z-index: 1005;padding:8px;}
.si-banner .seznam-price .skladem {font-size:13px;color:#aaa;}
.si-banner .seznam-price .skladem b {}
.si-banner .seznam-price .price-puvodne {font-size:14px; width: 100%;text-align:center;}
.si-banner .seznam-price .price { font-size: 18px; text-align:center; font-weight:700; width: 100%; }

.si-banner .stitky { width: 80px; text-align: left; font-size: 9px; position: absolute; z-index: 1000; left: 0; top: 55px; }
.si-banner .stitky > .stitek {  text-shadow: 1px 1px 0px #000000;float: left; display: block; box-sizing: border-box; width: 100%; margin: 3px 0px 0px 0; background: #48443e; color: #ffffff; text-align: left; box-shadow: inset 0px -3px 4px -4px #404040; border-radius: 0 4px 4px 0px; padding-left: 5px; }
.si-banner .stitky > .stitek img { float: left; width: 16px; height: 16px; display: inline-block; float: left; border: 0; margin-right: 3px; transition: all 300ms linear; margin: 2px 3px 2px 2px; }
.si-banner .stitky > .stitek span { width: calc(100% - 23px);height: auto; overflow: hidden; display: inline-block; font-size: 11px; line-height: 1; float: left; min-height: 23px; box-sizing: border-box; padding-top: 5px; padding-bottom: 4px; }
.si-banner .stitky > .stitek span > b { font-size: 11px; line-height: 10px; float: left; width: 100%; }
.si-banner .stitky > .stitek:hover img {transform: scale(1.1);}
.si-banner { min-height: 150px; }

.si-banner a.dokosiku { background: #fecc00; border-radius: 0px 32px 32px 0px; padding: 3px 6px; position: absolute; top: 50%; left: 0; z-index: 120; border-left: 0; transition: all 250ms linear; margin-top: -15px; }
.si-banner a.dokosiku img {float:left;width:18px;height:18px;margin:0;}
.si-banner a.dokosiku span {float:left;width:18px;height:18px;margin:0;line-height:18px;font-size:9px;color:#303030;margin-right:9px;}

.si-banner a.dokosiku:hover {padding-left:12px;}
.Kosik .price, .Shrnuti .price { font-size: 20px; font-weight: 700; padding: 5px 0; }

.urlm12 .Left {opacity:0.5;filter:grayscale(1);transition: all 150ms linear;}
.urlm12 .Right {opacity:0.5;filter:grayscale(1);transition: all 150ms linear;}
.urlm12 .Left:hover {opacity:1;filter:grayscale(0);}
.urlm12 .Right:hover {opacity:1;filter:grayscale(0);}


.Left .shower, .Right .shower {}
.LeftNovinky, .RightAkce { border: 0; }
/* si banner end */

.Slide .slick-slide {}

.left-menu {padding: 0px 0px 15px;}

/* row item */
.si.seznamItemRow { width:100%;display:block;float:left;position:relative;margin:0;margin:0 0 24px;}
.si.seznamItemRow:nth-child(8n) {margin:0 0;}

.si.seznamItemRow:before {content:'';display:block;position:absolute;top:0;bottom:0;right:-1px;}
.si.seznamItemRow:after {content:'';display:block;position:absolute;left:0;bottom:-1px;right:0;}
.si.seznamItemRow:hover { box-shadow: 6px 7px 26px -20px #404040; z-index: 999; position: relative; }
.si.seznamItemRow .seznam-item-popis, .si.seznamItemRow .image-wrap, .si.seznamItemRow .seznam-price {overflow:hidden;width:100%;}

.si.seznamItemRow > strong {width:100%;display:block;float:left;height:39px;box-sizing:border-box;line-height:13px;overflow:hidden;}
.si.seznamItemRow > .popis {display:none;width:100%;float:left;min-height:39px;box-sizing:border-box;line-height:13px;}

.si.seznamItemRow .image-wrap { display: block; float: left; width: 100%; position: relative; background: #ffffff; border: 9px solid #e9e9e9; margin: 0; }
.si.seznamItemRow .image-wrap:before {content:'';display:block;float:left;width:100%;padding-top:100%;}
.si.seznamItemRow .image-wrap img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;transition:all 300ms linear;z-index:110;}
.si.seznamItemRow .image-wrap img:nth-child(2) {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%;transition:all 300ms linear;z-index:120;opacity:0;}
.si.seznamItemRow .image-wrap:hover img:nth-child(1) {opacity:1;}
.si.seznamItemRow .image-wrap:hover img:nth-child(2) {opacity:1;}

.si.seznamItemRow .seznam-price { bottom: 14px; left: 0; height: auto; z-index: 1005; min-height: 39px; max-width: 50%;padding: 0; }
.si.seznamItemRow .seznam-price .skladem {font-size:13px;color:#aaa;}
.si.seznamItemRow .seznam-price .skladem b {}
.si.seznamItemRow .seznam-price .price-puvodne {font-size:14px; width: 100%;text-align:left;}
.si.seznamItemRow .seznam-price .price { font-size: 24px; text-align: left; font-weight: 600; width: 100%; padding: 9px 0px 0px; }

.si.seznamItemRow .seznam-price.se-slevou .price {padding: 0px 0px 0px; }

.si.seznamItemRow .stitky { width: 100%; text-align: left; font-size: 9px; position: static; z-index: 1000; float: left; margin-bottom: 22px; }
.si.seznamItemRow .stitky > .stitek {  float: left; display: block; box-sizing: border-box; width: 20%; margin: 3px 0px 0px 0;  text-align: left; padding-left: 5px; }
.si.seznamItemRow .stitky > .stitek img { float: left; width: 16px; height: 16px; display: inline-block; float: left; border: 0; margin-right: 3px; transition: all 300ms linear; margin: 2px 3px 2px 2px; }
.si.seznamItemRow .stitky > .stitek span { width: calc(100% - 23px);height: auto; overflow: hidden; display: inline-block; font-size: 11px; line-height: 1; float: left; min-height: 23px; box-sizing: border-box; padding-top: 5px; padding-bottom: 4px; }
.si.seznamItemRow .stitky > .stitek span > b { font-size: 11px; line-height: 10px; float: left; width: 100%; }
.si.seznamItemRow .stitky > .stitek:hover img {transform: scale(1.1);}
.si.seznamItemRow {}

.si.seznamItemRow a.dokosiku { right: 12px; left: auto; margin: 0; bottom: auto; top: 0; }
.si.seznamItemRow a.dokosiku { right:auto;left: auto; margin: 0 0 0 0px; bottom: auto; top: 0; background: #ffffff;border: 1px solid #ccc; border-radius: 64px;}
.si.seznamItemRow a.dokosiku img, .si.seznamItemRow a.lupa img {float:left;width:28px;height:28px;margin:0;}
.si.seznamItemRow a.dokosiku span {float:left;width:24px;height:24px;margin:0;line-height:24px;font-size:9px;color:#ffffff;}

.si.seznamItemRow a.lupa { right: 0px; left: auto; margin: 0 12px 0 3px; bottom: auto; top: 0;background:transparent; }


.si .stitky > .stitek span.sleva-mini { font-size:13px;text-align:center;width:100%;padding-right: 6px;}
.si .stitky > .stitek span.sleva-mini > b { font-size: 16px; width: 100%; display: inline-block; text-align: center; margin-top: 1px; margin-bottom: 4px; }


/* old item */

.seznam-item { position:relative;width: 25%; display: inline-block;  text-align: left; padding-right: 0px;border-right:0;border-bottom:0;margin:0;box-sizing:border-box;}
.seznam-item:before {content:'';display:block;position:absolute;top:0;bottom:0;right:-1px;}
.seznam-item:after {content:'';display:block;position:absolute;left:0;bottom:-1px;right:0;}
.seznam-item:hover { box-shadow: 6px 7px 26px -20px #404040; z-index: 999; position: relative; }





.podobne-slide .seznam-item, .podobne-slide .seznam-item:after, .podobne-slide .seznam-item:before {border:0;}


.Strankovani2 .select-box-wrap {display:none;}

.seznam-item .seznam-item-popis, .seznam-item .image-wrap, .seznam-item .seznam-price {position:absolute;overflow:hidden;width:100%;}
.seznam-item .image-wrap { width: calc(100% + 72px); }

.seznam-item .seznam-item-popis {top:0;left:0;height:25%;padding-right: 22px;padding-left: 22px;padding-top:22px;}
.seznam-item .image-wrap {top:25%;left:0;height:60%;}
.seznam-item .seznam-price { bottom: 14px; left: 0; height: auto; z-index: 1005; }

.seznam-item .seznam-item-popis > strong {font-size:14px;float:left;box-sizing:border-box;width:100%;}
.seznam-item .seznam-item-popis > p {font-size:11px;color:#aaa;float:left;box-sizing:border-box;width:100%;display:none;}
.seznam-item .seznam-item-popis:before { }

.seznam-item .image-wrap > .image-0 {position:absolute;top:0;left:0;right:0;bottom:0;z-index:800;margin:0;background:#ffffff;width:100%;height:100%;}
.seznam-item .image-wrap > .image-1 {position:absolute;top:0;left:0;right:0;bottom:0;z-index:790;margin:0;background:#ffffff;width:100%;height:100%;opacity:0;transition:all 300ms linear;}
.seznam-item:hover .image-wrap > .image-1 {z-index:900;opacity:1;}
.seznam-item .image-wrap > .image-0 > img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:90%;max-height:90%;transition:all 300ms linear;}
.seznam-item .image-wrap > .image-1 > img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:90%;max-height:90%;transition:all 300ms linear;}


.seznam-item .seznam-price .skladem {font-size:13px;padding-right: 22px;padding-left: 22px;color:#aaa;}
.seznam-item .seznam-price .skladem b {}
.seznam-item .seznam-price .price-puvodne {font-size:14px;padding-left: 22px; width: 100%;}
.seznam-item .seznam-price .price { font-size: 25px; text-align: left; font-weight: 600; padding-left: 20px; width: 100%; }

.seznam-item .left { width: calc(100% - 76px); float: left;height: 480px; position: relative; }
.seznam-item .left:before { content: ''; display: none; position: absolute; border-top: 1px solid #9d8272; width: 32px; height: 32px; left: -17px; top: -17px; transform: rotate( 135deg ); z-index: 1001; background: #ffffff; }

.seznam-item .stitky {float:right;width:76px;text-align:left;font-size:9px;position:relative;z-index:1000;}
.seznam-item .stitky > .stitek { float: left; display: block; box-sizing: border-box; width: 96px; min-height: 24px; margin: 5px 0px 0px 0; position: relative; left: -19px; background: #48443e; color: #ffffff; text-align: left; box-shadow: inset 0px -3px 4px -4px #404040; border-radius: 12px 0px 0px 12px; padding-left: 5px; }
.seznam-item .stitky > .stitek:nth-child(1),
.seznam-item .stitky > .stitek:nth-child(1), .seznam-item .stitky > .stitek:nth-child(2) { background: transparent; color: #404040; box-shadow: 0 0 0 0 #ffffff; left: -7px; border-radius: 0; margin-top: 6px; width: 76px; text-align: center; }
.seznam-item .stitky > .stitek:nth-child(1) { border-bottom: 0; }
.seznam-item .stitky > .stitek:nth-child(3) {margin-top:32px;}
.seznam-item .stitky > .stitek img { float: left; width: 16px; height: 16px; display: inline-block; float: left; border: 0; margin-right: 3px; transition: all 300ms linear; margin: 2px 3px 2px 2px; }

.seznam-item .stitky > .stitek:nth-child(1) img, .seznam-item .stitky > .stitek:nth-child(2) img { float: none; width: 28px; height: 28px; margin-right: 0px; margin: 3px 0 0 0; }

.seznam-item .stitky > .stitek span { width: calc(100% - 23px);height: auto; overflow: hidden; display: inline-block; font-size: 11px; line-height: 1; float: left; min-height: 23px; box-sizing: border-box; padding-top: 5px; padding-bottom: 4px; }

.seznam-item .stitky > .stitek:nth-child(1) span, .seznam-item .stitky > .stitek:nth-child(2) span { padding: 0; margin: 0; font-size:13px; width: 100%; }
.seznam-item .stitky > .stitek span > b { font-size: 11px; line-height: 10px; float: left; width: 100%; }
.seznam-item .stitky > .stitek:hover img {transform: scale(1.1);}


.detail-item .stitky {float: left;width: 100%;text-align: center;font-size: 9px;position: relative;padding-bottom: 0;}
.detail-item .stitky .stitek {float: left;margin-right:7px;}

.detail-item .stitky > .stitek.dle-c-skladem {color: #ffffff;background:#4dc700;}

.detail-item .stitky > .stitek img { width: 28px; height: 28px; display: inline-block; float: left; border: 0; transition: all 300ms linear; margin-right: 9px; }
.detail-item .stitky > .stitek span { width: auto; height: auto; overflow: hidden; display: inline-block; float: left; font-size: 14px; line-height: 1; padding: 7px; width: 100%; }
.detail-item .stitky > .stitek span > b { float: left; width: 100%; padding-bottom: 7px; text-align: center; }
.detail-item .stitky > .stitek:hover img {transform: scale(1.1);}

.detail-item .stitky > .stitek.dop-free, .seznam-item .stitky > .stitek.dop-free, .si .stitky > .stitek.dop-free { color: #ffffff;background: #1cc45d url(/im/ico/dopravazdarma.svg) no-repeat 2px center / 20px;padding-left:24px; }
.detail-item .stitky > .stitek.dle-c-voucher, .seznam-item .stitky > .stitek.dle-c-voucher, .si .stitky > .stitek.dle-c-voucher { color: #ffffff; background: #00bcd4; }
.detail-item .stitky > .stitek.dle-c-novinka, .seznam-item .stitky > .stitek.dle-c-novinka, .si .stitky > .stitek.dle-c-novinka { color: #ffffff;background: #9c27b0;   }
.detail-item .stitky > .stitek.dle-c-akce, .seznam-item .stitky > .stitek.dle-c-akce, .si .stitky > .stitek.dle-c-akce { }
.detail-item .stitky > .stitek.dle-c-exklusivni-design, .seznam-item .stitky > .stitek.dle-c-exklusivni-design, .si .stitky > .stitek.dle-c-exklusivni-design {}

.detail-item .stitky > .stitek.dle-c-akce {background:orange;color:#ffffff;}
.detail-item .stitky > .stitek.dle-c-exklusivni-design {background:#ffffff;color:#000000;border:1px solid #282828;float:right;margin-right:0;margin-left:7px;}
.detail-item .stitky > .stitek.dle-c-exklusivni-design > span {padding: 6px;}

.si .stitky > .stitek.skladem { color: #ffffff;background:#aac41c;  }
.si .stitky > .stitek.dle-c-exklusivni-zbozi { color: #ffffff;background: #8400c7;  }
.si .stitky > .stitek.dle-c-posledni-sance { color: #ffffff;background: red;font-weight:bold;}

.namiru { position: fixed; bottom: 0; left: 0px; width: 96px; transition: all 300ms ease-in; z-index: 999; }
.namiru img {width:100%;float:left;margin:0;}
.namiru:hover {width:128px;}

.info-box {border: 1px solid #eeeeee; padding: 12px; box-shadow: 3px 3px 4px -2px #e4e4e4;position:relative;}

.info-box.info-box-arrow-left:before { content: ''; display: block; position: absolute; left: -20px; right: 100%; top: 0; bottom: 0; z-index: 999; margin: auto 0px auto 1px; background: transparent url(../im/ico-info-left.svg) no-repeat 3px center / 20px 40px; }





.kosik-voucher-activate {}
.kosik-voucher-div-button { padding: 9px 9px 5px; border: 1px solid #eeeeee; border-radius: 3px; position: relative; background: #fecc00; box-shadow: inset 0px 11px 27px -19px #000000, inset 0px -11px 27px -19px #ffffff;  }
.kosik-voucher-div-button > span {}
.kosik-voucher-div-button > strong { font-size: 18px; }
.kosik-voucher-div-button > a { color: #ffffff; position: absolute; bottom: 11px; right:11px; box-sizing: border-box; padding: 8px 14px; text-align: center; background: #c41c43; font-weight:700; text-transform: uppercase; border-radius: 3px; }
.kosik-voucher-popis { padding: 16px 0px 8px 36px; font-size:13px; background-position: 0px 10px; }
.kosik-voucher-popis > strong {font-size: 16px;}
.kosik-voucher-popis > span {}
.kosik-voucher-dalsi-produkty { padding: 8px 2px 8px; margin-bottom: 8px; position:relative; }
.kosik-voucher-dalsi-produkty > div { width: 100%; }
.kosik-voucher-dalsi-produkty > a {margin-top:12px;float:left;margin-bottom:12px;}
.kosik-voucher-img { max-width: 100%;  }

.KosikMenu > .uspech:nth-child(1),
.KosikMenu > .chyba:nth-child(1) {margin-top:32px;}

body.layer-opened .layer.c6 {}


.WrapperDiskuze { background: #ececec; padding-top: 32px; padding-bottom: 32px; }
.WrapperDiskuze .as-input {background:transparent;}
.BlogPopis { padding: 24px 0px 32px; }
.WrapperBlogItem .ico-time, .WrapperBlog .ico-time { padding-left: 18px; background: transparent url(../im/ico-time.svg) no-repeat 0px center / 16px 16px; width: auto; float: right; text-align: right; max-width: 148px; }
.BlogAutor {padding-left:18px;background: transparent url('../im/c-user.svg') no-repeat 0px center / 16px 16px;}
.blog-seznam-image img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;}
.blog-seznam-image {background:#eeeeee;overflow:hidden;}
.blog-seznam-image:before {content:'';display:block;padding-top:33.33%;}
.WrapperBlogItem .ico-user, .WrapperBlog .ico-user {float:left;padding-left:18px;background: transparent url('../im/c-user.svg') no-repeat 0px center / 16px 16px;}
.ico-comment {background: transparent url('../im/ico-comment.svg') no-repeat 0px center / 16px 16px;padding-left:18px;}
.BlogPopis, .blog-seznam-popis {color:#6d6d6d;}
.blog-seznam-popis a {color:#404040;text-decoration:underline;text-transform:uppercase;text-align:right;font-size:13px;letter-spacing:-0.03em;float:right;padding-top:3px;}
.blog-seznam-item {padding:24px;border:1px solid #eeeeee;border-bottom:1px solid #bbbbbb;border-right:1px solid #bbbbbb;margin-bottom:32px;}
.blog-strankovani {margin-bottom:32px;}
.blog-strankovani a.beige {padding:10px;min-width:39px;min-height:39px;box-sizing:border-box;text-align:center;margin-right:1px;box-shadow: inset 0px 1px 3px 0px #404040;}

.blog-seznam-item h2 {padding-bottom:7px;}
.blog-seznam-item { padding: 32px 24px 22px; border: 1px solid #f7f8fb; border-bottom: 1px solid #bfa08b; border-right: 1px solid #bfa08b; margin-bottom: 32px; background: #ffffff; border-radius: 11px; }
.BlogSeznamSide .blog-seznam-item {padding:12px;margin-bottom:28px;}
.BlogSeznamSide { padding: 96px 0px; }
.BlogSeznamSide .blog-seznam-item h2 { padding-bottom: 10px; line-height: 1.1; font-size: 16px; }
.BlogSeznamSide .blog-seznam-popis {font-size:13px;}

.BlogImage {background:#ffffff;padding:24px;}
.BlogAutor {background:#ffffff;padding:24px;min-height:38px;display:none;}
.BlogSettings {background:#ffffff;padding:24px;min-height:38px;display:none;}
.BlogPopis {background:#ffffff;padding:24px;}




.TextDokumentu, .DocDokument > div, .Mapa, .Faktur  {  box-shadow: 0px 3px 8px -5px #404040; background: #f7f8fb; border-radius: 5px; padding:24px; }
.Mapa {float:right;}
.Dokumenty {float:left;width:250px;box-shadow: 0px 3px 8px -5px #404040; background: #f7f8fb; border-radius: 5px; padding: 24px;margin-top: 20px;}
.DocDokument > div {background:#ffffff;margin-top:24px;}
.hodnoceni-stars {width: 200px;position: relative; margin: 0 0 12px 0px;height: 40px;}
.TextDokumentu a {text-decoration:underline;}

.diskuze-item {border-radius:4px;padding: 12px; border: 1px solid #eeeeee; border-bottom: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; margin-bottom: 6px; background:#f7f8fb url('../im/ico-user-diskuze.svg') no-repeat 12px 12px / 48px 48px;padding-left:72px;}
.ico-send {background: transparent url('../im/ico-send.svg') no-repeat 0px 0px / 32px 32px;padding-left:40px;}

.diskuze-produkt-form {padding-top:32px;padding-bottom:32px;}
.diskuze-produkt {padding-top:0px;padding-bottom:0px;}

.hodnoceni-stars {position: relative;height:36px;margin: 0; max-width: 200px; }


.hodnoceni-back { background: #fecc00; position: absolute; left: 1px; top: 1px; bottom: 1px; z-index: 99; }
.hodnoceni-front {background:transparent url('../im/hodnoceni.svg') no-repeat left top / 100%;position:absolute;left:0;top:0;bottom:0;right:0;z-index:299;outline:2px solid #ffffff;width:100%;}
.link-black a {color:#404040;text-decoration:underline;}

.diskuze-item .hodnoceni  .hodnoceni-stars {width: 134px;height: 26px;}

.Slide { padding: 0px; }

.chat-client {position: fixed; z-index: 10200; background: #ffffff; width: 320px; bottom: 0; left: 0; right: 0; margin: 0 auto; border: 1px solid #404040; border-bottom: 0; border-radius: 3px 3px 0px 0px; box-shadow: 0px 12px 12px 1px #404040; }
.Paticka .chat-client, .Paticka .chat-client a, .Paticka .chat-client * {color:#404040;text-shadow:0 0 0 #000000;}
.ico-chat-box {box-sizing:border-box;position:relative;background:#ffffff url('../im/ico-chat.svg') no-repeat 8px center / 32px 32px;padding: 12px 12px 12px 46px;line-height:12px;font-size:13px;}
.ico-chat-box.ico-chat-open:before {background:#ffffff url('../im/arr-up.svg') no-repeat center center / 16px 16px;width:36px;height:36px;position:absolute;top:0;right:0;display:block;content:'';}
.ico-chat-box.ico-chat-close:before {background:#ffffff url('../im/arr-down.svg') no-repeat center center / 16px 16px;width:36px;height:36px;position:absolute;top:0;right:0;display:block;content:'';}
.ico-chat-box.ico-chat-open {border-top:1px solid #404040;}
.chat-veta {height: 320px; overflow: auto; overflow-x: hidden; border-bottom: 1px solid #404040; box-shadow: inset 0px 8px 16px -16px #404040; }

.chat input, .chat textarea {border:0;border-bottom:1px solid #404040;}
 .chat textarea {min-height:100px;resize: none;border-top:1px solid #404040;border-bottom:0;padding:8px;}
 .chat-veta {height: 320px; overflow: auto; border-bottom: 1px solid #404040; box-shadow: inset 0px 8px 16px -16px #404040; background: #f2f9ff; padding: 11px; }
  .chat-name {padding:11px;}

.chat .ico-reload { background:#ffffff url('../im/ico-reload.svg') no-repeat 0px center / 32px 32px;padding-left:34px;}
.chat .ico-reload:hover, .chat .ico-reload:focus {background-color:#f7f8fb;}

.chat-admin-box {width:320px;float:left;position:relative;border:1px solid #eeeeee;margin: 0px 20px 40px 0px;background:#ffffff;border-radius: 3px; box-shadow: 0px 0px 5px -2px #404040;}
.chat-admin-box .vety {height:320px;width:100%;overflow:auto;}
.chat-admin-box textarea, .chat-admin-box input {border:0;border-top:1px solid #404040;border-bottom: 1px solid #404040;min-height:100px;}
.chat-row-name-admin, .Paticka .chat-row-name-admin {color:red;}

.ico-switched-on {color:#67b809;border:1px solid #67b809;padding:12px 12px 12px 32px;float:left;background:#ffffff url('../im/ico-switched-on.svg') no-repeat 0px center / 32px 32px;}
.ico-switched-off {color:red;border:1px solid red;padding:12px 12px 12px 32px;float:left;background:#ffffff url('../im/ico-switched-off.svg') no-repeat 0px center / 32px 32px;}

.zvonek-wrap {position:absolute;z-index:-9999;height:0;width:0;overflow:hidden;}

.chat-admin-box.zvonek.zvoni {border:1px solid red;}
.chat-admin-box.zvonek.zvoni, .chat-admin-box.zvonek.zvoni * {color:red;}


 .zvonek.zvoni { animation: shake 0.5s; animation-iteration-count: infinite; }

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}



.chat-client, .chat-client * {text-shadow:0px 0px 0px #000000;}


.DiskuzeForm a {text-decoration:underline;color:#404040;}





.Paticka a, .Paticka * { color: #ffffff; font-size:13px; }
.Paticka a.open-classic {padding-bottom:7px;}

.Paticka a:hover, .Paticka strong { color: #ffffff; }
.Paticka a:hover, .Paticka a:hover * {text-shadow: 1px 0px 1px #ffffff;}
.Paticka .chat-client a:hover, .Paticka .chat-client strong {color:#404040;}
.Paticka a.nahoru {color:#404040;}

.Paticka a.nahoru { position: fixed; bottom: 49px; right: 4px; background: #fefefe url(../im/arr-up.svg) no-repeat center 4px / 20px 20px; padding-top: 28px; font-size:13px; text-transform: uppercase; text-align: center; height: 62px; width: 60px; color: #404040; border-radius: 32px 32px 32px 0px; z-index: 10050; box-shadow: 0px 0px 12px -6px #000000; }


.Paticka { min-height: 30vh;background-color: #404040; }
.Paticka .dopravci-loga img { padding: 0; border-radius: 0; margin-bottom: 0; }

.Paticka { padding-bottom: 106px; position: relative; padding-top: 32px; padding: 20px 10%; }
.Paticka .copyright { color: #fefefe; text-align: center; padding: 12px; width: 100%; text-transform: unset; font-size: 11px; position: absolute; bottom: 0px; left: 0; background: #1c060142; margin: 0; height: auto; }

.Paticka .nahoru {background:#ffffff;text-shadow: 0 0 0 #000000;padding-top:20px;font-weight:700;font-size:10px;}

.Paticka .menu {width:25%;margin:0;padding:0 24px 0 0px;}
.Paticka .dopravci {width:25%;margin:0;padding:0 24px 0 0px;}
.Paticka .faktur {width:50%;margin:0;padding:0 0px 0 0px;}
.Paticka .kontakt-box {width:33.33%;margin:0;padding:0 24px 0 0px;}
.Paticka .dokumenty {width:100%;margin:0;padding:0 0px 0 0px;}

.Paticka *, .Paticka, .Paticka.leather-brown-box > div * { color: #ffffff; text-shadow: -1px -2px 2px black; }
.Paticka .fs3 {font-size:15px;}
.Paticka {border-radius:0;}

.Paticka > .c3 > strong:nth-child(1) { color: #DA5D24; font-weight:700; }
.paticka-ico {margin-bottom:7px;}
.paticka-ico > img {width:32px;height:32px;float:left;margin-right:8px;}
.paticka-ico > span {float:left;padding-top:6px;font-size:13px;font-weight:700;color:#ffffff;}

.Paticka .viewport-menu { width: 100%; margin: 0; float: left; text-align: center; padding: 20px 0px; }
.Paticka .viewport-menu a { width: auto; float: none; box-sizing: border-box; padding: 8px 22px 8px 5px; margin: 0px; display: inline-block; }
.Paticka .viewport-menu a img {float:left;width:48px;height:48px;}
.Paticka .viewport-menu a span {float:left;width:auto;height:48px;padding-left:8px;padding-top:16px;color:#ffffff;}
.Paticka .viewport-menu a:nth-child(1) {border-right:1px dashed #ffffff;}





.Paticka iframe { width: 100%; height: 120px; min-height: 120px; }
.Paticka {background: #000001;min-height:300px;padding-bottom:96px;}
.Paticka > .c3 {padding-right:24px;}


.page { border-radius: 100%; min-width: 28px; height: 28px; line-height: 1; font-size:13px; color: #313131; padding: 7px 6px 0px 6px; line-height: 12px; text-align: center; font-weight: 600; }
.page.active {background:#313131;color:#ffffff;border:1px solid #313131;}

.single-form { width: 100%; margin: 24px 0; float: left; padding: 16px; background: #f7f8fb; border: 0; box-shadow: 0px 3px 8px -5px #404040; }
.single-form input[type='text'], .single-form input[type='password'], .single-form textarea, .single-form select {border: 1px solid #404040;width:100%;}

.single-form > div {margin-right:1%;width:49%;padding: 0px 12px 12px;}
.single-form > div.c12 {width:99%;margin-right:1%;padding: 0px 12px 12px;}

.single-form > div > div.strong { height: 42px; border: 1px solid #404040; line-height: 1; font-size: 15px; padding-top: 12px; padding-left: 9px; }
.single-form label, .single-form.label {width:100%;}

.c-menu { border-radius: 5px; background: #f7f8fb; padding: 4px 26px; margin: 0 6px 0 0; }

.c-menu.active {background:#404040;color:#ffffff;}
.voucher-popis, .voucher-popis * {color:#ffffff;}
.voucher-popis.submit {color:#404040;}

.info { width: 100%; margin: 0; float: left; padding: 16px 0; border-radius: 0; }

.CustomerObsah table {    margin-bottom: 8px; float: left; width: 100%; background: #f7f8fb; border: 0; padding: 20px; border-radius: 4px;}
.CustomerObsah table tr:nth-child(odd) {background:transparent;}

.CustomerObsah table a {text-decoration:underline;}

 .single-form-only-width {  width: 66.66%; margin: 0px 16.66%;float: left; background: #ffffff;     border: 1px solid #cccccc; padding: 0; border-radius: 5px; }
.single-form-only-width .voucher-box {width:100%;border:0;border-bottom:1px solid #eeeeee;margin:0;padding:0px;}

.single-form-only-width { width: 100%; margin: 27px 0; float: left; background: transparent; border: 0; padding: 0; border-radius: 5px; }


  .submit.p3{ padding: 7px 12px; }

.single-form-only-width .voucher-popis .submit.fr, .single-form-only-width .voucher-popis .submit { float: left; margin: 12px 11px 0 0px; padding: 5px; }

.nastr-wrap > span { float: left; background: transparent; color: #404040;position: relative; }

.prbox .price {font-size:19px;text-align:right;font-weight:700;}


.fixed-me-top .select-opener {width:33.33%;}
.fixed-me-top .select-opener-wrap {width:66.66%;padding:0;height: 24px;}
.fixed-me-top .select-opener-wrap button { float: left; margin-left: 0px; border-radius: 0; }
.fixed-me-top .select-opener-wrap .prbox {width:100%;float:right;}
.fixed-me-top .select-opener-wrap .prbox > div { width: 33.33%; float: left; font-size: 14px; padding-top: 6px; display:none;}
.fixed-me-top .select-opener-wrap .prbox > div:nth-child(1) { display:block; }
.fixed-me-top .select-opener-wrap .dokosiku-form > div.c12 { float: right; width: 42%; text-align: right; }
.dokosiku-fixed-top select {border:0;padding:0px;font-size:13px;height:30px;min-height:30px;margin:0;border-bottom:0;border-top:0;}
.dokosiku-fixed-top button { padding: 7px; font-size:13px; height: 30px; min-height: 30px; margin: 0; }
.dokosiku-fixed-top form {min-height:auto;}
.dokosiku-fixed-top { box-shadow: 0px 9px 14px -13px #404040; padding-top: 2px; padding-bottom: 2px; height: 34px; }


.respo-placer {position:absolute;width:48px;height:48px;z-index:9999;top:24px;right:0px;transition: all 300ms linear;}
.respo-placer span {position:absolute;height:3px;background:#ffffff;width:80%;margin:0px;left:10%;transition: all 300ms linear;}
.respo-placer span:nth-child(1) {top:12px;}
.respo-placer span:nth-child(2) {top:20px;}
.respo-placer b {color:#ffffff;font-size:10px;font-weight:bold;letter-spacing:-0.02em;left:5%;width:90%;position:absolute;bottom:8px;text-align:center;text-transform:uppercase;transition: all 300ms linear;}
.respo-placer.close span:nth-child(1) {top:15px;transform:rotate(-45deg);}
.respo-placer.close span:nth-child(2) {top:15px;transform:rotate(45deg);}
.respo-placer.close b {bottom:2px;}
.only-respo {display:none;}
.no-respo {}


    .kosik-dop-item .cr {background:#67b809;color:#ffffff;padding:2px 6px 2px;border-radius: 2px; }

   .celkem-zbozi, .celkem-zbozi * {font-size:21px;font-weight:600;}
    .celkem-zbozi {}
 
    .si .stitky {}
    .si .stitky > .stitek {}
    .si .stitky > .stitek.sleva {font-size:18px;z-index:99;padding:0;margin:7px;width:48px;height:48px;position:absolute;top:0;right:0; line-height:48px;text-align:center;color:#ffffff;background: transparent url(../im/sale.svg) no-repeat center center / cover;}
 
.WrapperKontakt {padding-bottom:48px;}
.menu-podminky a { float: left; font-size:13px; margin-right: 6px; color: #000001; text-decoration: underline; }
.Dokumenty .menu-podminky a {width:100%;float:left;padding:3px 0px;box-sizing:border-box;text-align:left;}

.dokumenty a {float:left;margin-right:12px;color:#ffffff;text-decoration:underline;}

.mw-wide,
.mw-tin,
.urlm1 .Slide {width:100%;padding-left:10%;padding-right:10%;}

.MainMenuSettings { z-index: 250; width: auto; height: auto; left: auto;display: block; bottom: auto; right:0;float:right;    position: relative;width: auto;top:0; }

.MainMenuSettings > * {width:64px;height:72px;float:left;}

.MainMenuSettings .ico-user,
.MainMenuSettings .ico-reg {float:right;width:auto;display:block;}
.MainMenuSettings .ico-kosik { background: url(../im/ico-kosik-green.svg) no-repeat 0px center / 64px;  }
.MainMenuSettings .ico-user { background: url(../im/ico-user-w.svg) no-repeat 0px center / 32px 32px;  }
.MainMenuSettings .ico-reg { background: url(../im/ico-reg.svg) no-repeat 0px center / 32px 32px;  }
.MainMenuSettings .ico-kosik { background-color: transparent;padding-left:70px;}
.MainMenuSettings .ico-user, .MainMenuSettings .ico-reg { background-color: transparent; padding-left: 40px; padding: 6px 8px 6px 39px; margin-left: 8px; }

.MainMenuSettings .ico-kosik { position: absolute; bottom: 27px; right: 0; min-height: 64px; font-size: 31px; line-height: 68px; font-weight:700;  }

.MainMenuSettings .ico-kosik, .MainMenuSettings .ico-user, .MainMenuSettings .ico-reg {color: #404040;}
.MainMenuSettings .ico-kosik:hover, .MainMenuSettings .ico-user:hover, .MainMenuSettings .ico-reg:hover {color: #404040;}


.respo-1200 {display:none;}

.MainMenuSettings > a {color:#ffffff;font-weight:900; }
.MainMenuSettings > a.button-voucher { position: relative;}

.MainMenuSettings > a.button-filtr-open { background: #2196f3 url(../im/filtr_w.svg) no-repeat center 2px / 21px; display: none; text-align: center; padding-top: 18px; text-transform: uppercase; font-size: 14px; }
.MainMenuSettings > a.button-filtr-open.active {background-color:red;background-image: url(../im/closew.svg);}


.MainMenuSettings > a.button-voucher > span { background: red; color: #ffffff; font-size: 11px; width: 18px; height: 18px; border-radius: 12px; position: absolute; left: 23px; top: -12px; box-sizing: border-box; border: 2px solid #ffffff; }


.MainMenuSettings > a * {color:#ffffff;}


a.logo { height: 62px; margin: 0px 20px 0px 0px; position: static; width: auto; float: left; }
a.logo img { width: 211px; height: 62px; }



.gdpr-wrap { position: fixed; top: auto; bottom: 0; left: 0; right: 0; width: 100%; height: auto; overflow: hidden; z-index: 999700; transition: all 300ms linear; min-height: 29px; padding: 1px; box-shadow: 0 -7px 24px -22px #404040; border: 0; padding: 0px 64px; }
.MainMenuWrap .gdpr-wrap .submit {color:#ffffff;}
.gdpr { width: 100%; border-bottom: 1px solid #404040; transition: all 300ms linear; background: #ffffff; color: #404040; position: static; z-index: 999900; left: 0; bottom: 0; right: 0; padding: 12px; }
.MainMenuWrap .gdpr a, .MainMenuWrap .gdpr a:hover, .MainMenuWrap .gdpr a:focus {color:#404040;font-weight:600;text-decoration:underline;}

.MainMenuWrap .gdpr .submit {margin-top:-4px;}

.row-customer.active {border:3px solid #404040;border-radius:7px;background-color:#ffffff;}




.NejBox2 .graupe-slider, .Podpora .graupe-slider { margin-bottom:0; }
.NejBox2 .graupe-slider-right.right, .NejBox2 .graupe-slider-left.left,
.Podpora .graupe-slider-right.right, .Podpora .graupe-slider-left.left { background-size: 24px;}
.NejBox2, .Podpora { padding: 32px 10%; box-sizing: border-box; }

.min-buttons .minh10 {min-height:64px;max-height:128px;}
.s-vyraz {margin-left:-32px;}

.box-hiding-popis {position:relative;overflow:hidden;text-align:center;}
.box-hiding-popis img {opacity:1;transition: all 350ms linear;}
.box-hiding-popis:hover img {opacity:0.7;}
.box-hiding-popis .box-hiding {position:absolute;top:50%;left:0;width:100%;margin-top:-21px;z-index:999;padding:10px;}
.box-hiding-popis .box-hiding > strong {z-index:120;font-size:20px;transition:all 200ms linear;}
.box-hiding-popis .box-hiding > div {opacity:0;transition: all 500ms linear;z-index:110;font-size:16px;}
.box-hiding-popis:hover .box-hiding > div {opacity:1;}
.box-hiding-hover-bg {position:absolute;top:105%;left:0;width:100%;height:100%;opacity:0.1;transition:all 250ms linear;z-index:100;}
.box-hiding-popis:hover .box-hiding-hover-bg {top:0;opacity:0.8;}


.box-hiding-popis.box-hiding-light {border: 1px solid #282828;overflow:hidden;}
.box-hiding-popis.box-hiding-light .box-hiding > strong { z-index: 120; font-size: 16px; opacity: 0; line-height: 1; margin-bottom: 8px; display: block; }
.box-hiding-popis.box-hiding-light:hover .box-hiding > strong {opacity:1;}
.box-hiding-popis.box-hiding-light .box-hiding { position: absolute; top: calc(50% - 48px); left: 0; width: 100%; margin-top: 0; z-index: 999; padding: 0px 12px; }
.box-hiding-popis.box-hiding-light .box-hiding-a {display:block;position: absolute; top: auto; bottom: -85px; left: 0; width: 80px; height: 80px; z-index: 1999; right: 0; margin: 0 auto;opacity:0;transition:all 250ms linear;box-sizing: border-box; padding: 28px 0px 0px; border: 0; border-radius: 64px; font-weight: 600; line-height: 1.1; font-size: 14px;}
.box-hiding-popis.box-hiding-light:hover .box-hiding-a {  bottom:24px;opacity: 1;  box-shadow: 0 0 26px -10px #404040;  }
.box-hiding-popis.box-hiding-light:hover .box-hiding-a:hover {box-shadow: 0 0 0 0 #404040;}



.box-hiding-popis.box-hiding-light.c12:hover .box-hiding-a { top: calc(50% - 72px); opacity: 1; box-shadow: 0 0 38px -14px #404040; width: 144px; height: 144px; padding-top: 62px; font-size: 18px; border-radius: 72px; margin-top: 0; bottom: auto; position: absolute; right: 24px; left: auto; margin: 0; text-transform: uppercase; letter-spacing: 0.05em; }
.box-hiding-popis.box-hiding-light.c12:hover .box-hiding > strong { opacity: 1; font-weight: 400; font-size: 27px; text-transform: uppercase; letter-spacing: 6px; margin: 32px 0px 12px; }
.box-hiding-popis.box-hiding-light.c12 .box-hiding-a:hover {box-shadow: 0 0 0px 0px #404040; }

.sekce-menu-struc, .sekce-menu-struc ul {list-style:none;margin:0px;padding:6px 0;}
.sekce-menu-struc li {margin:0px;position:relative;padding-left:15px;}
.sekce-menu-struc li:before {content:'';display:block;position:absolute;left:0px;top:0px;border-left: 1px dashed #cccccc;width:12px;height:12px;border-bottom: 1px dashed #cccccc;}
.sekce-menu-struc li:after {content:'';display:block;position:absolute;left:0px;border-left: 1px dashed #cccccc;bottom:0;width:12px;top:12px;}
.sekce-menu-struc li:nth-last-child(1):after {border:0;}
.sekce-menu-struc > li {padding-left:0px;}
.sekce-menu-struc > li:after, .sekce-menu-struc > li:before {display:none;}

.sekce-menu-struc li a {color:#505050;float:left;width:100%;display:block;box-sizing:border-box;padding: 4px 0px;}
.sekce-menu-struc li ul {display:none;margin:0;box-sizing:border-box;}
.sekce-menu-struc li.active > ul {display:block;box-sizing:border-box;}
.sekce-menu-struc .img-square {display:none;}

.sekce-menu-struc li.active > a {text-decoration:underline;color:#000000;}

.respo-placer-wrap {display:none;}

.vel-tab-wrap {   }
.vel-tab-link { background: transparent url(../im/vel-tab.svg) no-repeat 0px center / 50px 50px; font-size: 16px; line-height: 1; color: #404040; box-sizing: border-box; float: left; padding: 17px 12px 15px 60px; font-weight:700; text-decoration: underline; margin-bottom: 20px; }


.darky-hides {}
.darky-hides .stitky {display:none;}
.darky-hides .seznam-item .stitky {display:none;}
.darky-hides .seznam-price {display:none;}
.darky-hides {}
.darky-hides {}
.darky-hides {}
.darky-hides {}
.darky-hides {}


.vertical-slider {overflow:hidden;position:relative;top:1px;}
.vertical-slider .produkt-item { float: left; display: block; border-bottom: 3px solid #fefefe; overflow: hidden; }

/* sides */

.urlm3 .close-layer-button { top: 42px; right: 2%; z-index: 999999; }


.kos-item { margin: 0px 0px 0px; background: #ffffff; box-shadow: 0px 2px 9px -7px #000000; position: relative; }

.layer .kos-item { background: #ffffff; border: 0; border-top: 1px solid #cccccc; }

.kos-item {position:relative;border:1px solid #cccccc;border-top:0px;}
.kos-item:nth-child(1) { border-top:1px solid #cccccc; }
.kos-item .vyhodit { position:absolute;right:0px;top:0px;padding:7px;margin:0px;}
.kos-item .vyhodit img {width:12px;height:12px;opacity:0.4;}
.kos-item .txt {border-left: 1px solid #cccccc;padding:7px;min-height:80px;}
.kos-item .im {overflow:hidden;text-align:center;}
.kos-item .im img {width:auto;height:76px;float:none;display:inline-block;}

.pcs-sel {width:auto;max-width:100%;}

.SubmitPanel {padding: 20px 0px;}

 .menu-selecter-gui-box { border-radius: 9px; min-height: 32px; width: 64px; float:right; background: transparent url(../im/empty.png) no-repeat right 4px / 18px; background-position: calc(100% - 4px) 6px;position:relative; }
 .menu-selecter-gui-box a,  .menu-selecter-gui-box * { color:#ffffff; }
 .menu-selecter-gui-box > a {width:auto;float:left;}
.menu-selecter-gui-box.active { padding-bottom: 8px; width: auto; background-color: #ffffff; background-image: url(../im/close.svg); border-bottom: 0; background-size: 36px; background-position: center top; }
.MainMenuSettings .menu-selecter-gui-box.active > a.ico-user {background:transparent;}
.menu-selecter-gui-box > a, .menu-selecter-gui-box > div, .menu-selecter-gui-box > div > a {width:100%;float:left;display:block;overflow:hidden;transition:all 200ms linear;box-sizing:border-box;font-size:13px;}
.menu-selecter-gui-box > a {overflow:unset;}

.MainMenuSettings .menu-selecter-gui-box.kosik-menu-selecter > a, .MainMenuSettings .menu-selecter-gui-box > a.ico-user {background-size:22px;}




.ico-user > b { position: relative; text-align: center; font-size: 10px; color: #000000; }
.ico-user {position:relative;}

.menu-selecter-gui-box > a.active {}
.menu-selecter-gui-box > div {height:0;border:0;margin:0;pointer-events:none;opacity:0;}
.menu-selecter-gui-box.active > div {pointer-events:unset;height:auto;opacity:1;position:absolute;top:100%;right:0px;width:200px;background-color: #ffffff;margin-top:-4px; border: 1px solid #eee; box-shadow: 0 2px 4px -3px #000000;}
.menu-selecter-gui-box > div > a, .menu-selecter-gui-box > div > a.c-menu.active { font-weight: normal; background: transparent; border-radius: 0; text-align: right; font-size:13px; padding: 7px 8px; box-sizing: border-box; margin: 0; border-bottom: 1px solid #ffffff38; }

.menu-selecter-gui-box > a {padding-right: 28px;}
.menu-selecter-gui-box.activer > a, .MainMenuSettings .menu-selecter-gui-box.active > a.ico-user {}
.menu-selecter-gui-box > div > a:hover {}

.MainMenuWrap .menu-selecter-gui-box-box { position: relative; float: left; z-index: 99000;width:64px; display: inline-block;text-align:center;}
.MainMenuSettings .menu-selecter-gui-box .ico-user {}
.MainMenuSettings .menu-selecter-gui-box > a.ico-user {text-align:center;background:url(../im/ico-user-w.svg)  no-repeat center 8px / 28px;float:right;width:auto;margin:0;color:#ffffff;padding-top: 39px; padding-left:0;padding-right:0;width:64px; }

.MainMenuSettings .menu-selecter-gui-box.active > a.ico-user,
.MainMenuSettings .menu-selecter-gui-box.active * {color:#303030;}

.MainMenuSettings .menu-selecter-gui-box.kosik-menu-selecter {width:64px;text-align:center;}
.MainMenuSettings .menu-selecter-gui-box.kosik-menu-selecter > a { padding-top: 39px;padding-right:0; background: transparent url(../im/kosik_w.svg) no-repeat center 3px / 38px; }
.MainMenuSettings .menu-selecter-gui-box.kosik-menu-selecter > a b { color: #fecc00; font-size: 10px; position: relative; top: -5px; }

.MainMenuSettings .menu-selecter-gui-box.kosik-menu-selecter > a { background-color: transparent; }
.MainMenuSettings .menu-selecter-gui-box > a.ico-user {background-color:transparent;}




.MainMenuSettings .menu-selecter-gui-box.kosik-menu-selecter > a, .MainMenuSettings .menu-selecter-gui-box > a.ico-user { min-height: 54px; box-shadow: 0px 0px 0px 0px #000000; border-radius: 5px; padding: 33px 0px 0px; }
.MainMenuSettings > a.button-voucher, .MainMenuSettings .menu-selecter-gui-box.kosik-menu-selecter, .MainMenuSettings .menu-selecter-gui-box {margin-right: 12px;}

.MainMenuSettings .menu-selecter-gui-box.kosik-menu-selecter > a { background-size: 27px; background-position: center 7px; text-transform: uppercase; }
.MainMenuSettings .menu-selecter-gui-box > a.ico-user { background-size: 18px; text-transform: uppercase; background-position: center 11px; }

.MainMenuSettings > * {height:64px;}

.MainMenuSettings {height:64px;}

@media (max-width: 1200px) {


    .respo-1200 {display:block;}

}


.frank {padding-top:122px;position:relative;float:left;display:block;width:100%;background:#ffffff;border-radius:4px;border:1px solid #f7f8fb;padding-left:8px;padding-right:8px;padding-bottom:12px;}
.frank:before { content: ''; display: block; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 10px; width: 100px; height: 100px; border-radius: 0; background: transparent url(../im/frank.jpg) no-repeat center center / 100px; }

.row-dog .row-dog-polozka {position:relative;}
.row-dog .truncater { display: none; width: 20px ; height: 20px ; position: absolute; right: 6px ; top: 21px ; }
.row-dog .truncater img {width:20px;height:20px;}
.row-dog-polozka.active .truncater {display:block;}

.dog-obsah {display:none;}
.active .dog-obsah {display:block;}

.Paticka:before {  }

.Paticka .DefVyrobci { padding: 0px 10% 0px; height:104px;background:#ffffff;position:absolute;top:0;left:0;width:100%;border:0;border-radius:0;}

.Paticka .DefVyrobci .vyrobce-logo {width:10%;height:104px;position:relative;float:left;}
.Paticka .DefVyrobci .vyrobce-logo:before {width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:1000;display:block;}
.Paticka .DefVyrobci .vyrobce-logo img { max-width: 95%; position: absolute; top: 0; bottom: 0; left: 0; right: 5%; margin: auto; }


.Video iframe:nth-child(1) {width:100% !important;border:0;float:left;height:320px !important;}
.Video > div:nth-child(1) {width:100% !important;border:0;float:left;height:320px !important;}
.search-form-li { max-width: 130px; position: static; margin: 11px 0px 0px; float:left;}

.search-form.active {min-height:48px;}
.search-form.active input {font-size: 15px;line-height: 6px;max-width: 100%;min-width: 100%;position: fixed;top: 0;left: 0;background-color: #303030;right: auto;border-radius: 0;border: 0;padding: 23px 23px 23px 68px;box-shadow: 0px 0px 0px 0px #000000;z-index:200;}
.search-form a.parent-active-remove {display:none;position:fixed;z-index:300;left:0px;top:0px;height:62px;min-height:32px;width:64px;background: #303030 url(../im/closew.svg) no-repeat center center / 32px; }
.search-form.active a.parent-active-remove {display:block;}

.MainMenuRespoButtons {display:none;}

 .MainMenu { padding: 0px 15% 0px; box-shadow: inset 0px 31px 47px -36px #000000; background: #303030 url(../im/menu.jpg) repeat-x center top / 100% 100%;background:#2a2a2a;}

.radius-menu a { border-radius: 24px; font-size: 14px; font-weight: 600; background: #00000155; color: #ffffff; float: left; padding: 8px 14px; margin-right: 8px; width: auto; box-sizing: border-box; margin-top: 8px; }
.radius-menu a:hover {background:#00000171;color:#ffffff;}
.radius-menu a.active {background:#00000171;color:#ffffff;font-weight:700;}

.Paticka .c3.provoz {padding-right:0;text-align:left;width:auto;float:right;max-width:140px;}
.viewport-menu {display:block;}
.viewport-menu.only_desktop {display:block;}


.PopisVyrobce, .PopisSauny {padding: 0px 0px 32px;text-align:left;max-width:900px;}
.PopisSauny {padding:0;}
.Strankovani .respo-full { width:auto;float:left;  }
.Strankovani .respo-full:nth-child(2) { width:auto;float:left; margin-left:8px; }

.prbox > .c12:nth-child(1) {font-size: 20px;padding: 18px 0px;}

.WrapperFull, .NejBox2, .Podpora { background: #ffffff; }

.Slide .slick-slide {position:relative;}
.Slide .slick-slide > div > a, .Slide .slick-slide > div > a img {width:100%;float:left;margin:0;display:block;}
.middle-mini-nadpis { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; font-size: 15px; color: #ffffff; text-align: center; top: auto;  font-weight: 700; padding: 5px 3px; background: #11111175; }

.slick-gal-wrap {position:fixed;z-index:933333;top:auto;top:0;left:0;height:100%;width:100%;overflow:hidden;transition:all 100ms linear;opacity:1;background:#f7f8fb;background:#fffffff0;padding:49px 12px;}
.slick-gal-wrap .slick-dots { top: auto; bottom: 0; position: absolute; width: 100%; height: 48px;margin-bottom:1px; }
.slick-gal-wrap .slick-dots li {width:48px;height:48px;margin-right:3px;background:transparent;}
.slick-gal-dot {width:48px;height:48px;float:left;margin-right:1px;overflow:hidden;border-radius:0px;}
.slick-gal-dot img {height:48px;float:left;}
.slick-active .slick-gal-dot {border:1px solid #000000;}
.slick-active .slick-gal-dot img {height:45px;}
.slick-gal-wrap.opened {top:0;opacity:1;}
.slick-gal-wrap .slick-slide > div {float:left;width:100%;}
.slick-gal-left {cursor:pointer;width:10%;height:100%;position:absolute;top:0;left:0;background: transparent url('../im/arr-left.svg') no-repeat center center / 32px 32px;z-index:40000;}
.slick-gal-right {cursor:pointer;width:10%;height:100%;position:absolute;top:0;right:0;background: transparent url('../im/arr-right.svg') no-repeat center center / 32px 32px;z-index:40010;}
.slick-gal-slider {width:100%;float:left;}
.slick-gal-slide {width:100%;float:left;height:90vh;height:calc(100vh - 96px);position:relative;}
.slick-gal-slide img {max-width:100%;max-height:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index:34440;}
a.slick-gal-close {position:absolute;top:0px;right:9px;margin:auto;z-index:944440;}
a.slick-gal-close > img {width:64px;height:64px;}
div.slick-gal-close {}

.KatPic {text-align:right;float:right;display:none;}
.fast-window-in .KatPic {display:block;}
.kat-pic {margin: auto 0 auto auto; max-width:120px;max-height:90px; border:1px solid #eee;}

.popis-side { width: 100%; max-width: 800px; margin-bottom: 0px; height: 73px; overflow: hidden; position: relative; transition: all 250ms linear;padding: 0px 15px; }
.popis-side.opened {height:auto;padding-bottom:36px;}
.popis-side:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 58px; z-index: 90; background:linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, #f7f8fb 85%); }
.ProduktWrap .popis-side:after {background:linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, #ffffff 85%);}
.popis-side a.closer {text-decoration: none;position: absolute;left: 0px;bottom:0px;border: 1px solid #838383;color: #838383;text-transform: uppercase;font-size: 11px;padding: 9px 30px 9px 15px;border-radius: 3px;display: block;z-index: 110;line-height: 1;}

.popis-side a.closer > span:nth-child(2) {display:none;}
.popis-side.opened a.closer > span:nth-child(1) {display:none;}
.popis-side.opened a.closer > span:nth-child(2) {display:block;}

.popis-side a.closer {background: #ffffff url('../im/arr-down.svg') no-repeat right 3px center / 12px;padding-right:20px;left:15px;}
.popis-side.opened a.closer {background: #ffffff url('../im/arr-up.svg') no-repeat right 3px center / 12px;padding-right:20px;}

.urlm1 .popis-side {border:0;margin-bottom:15px;padding:0 0 50px;max-width: 1440px;}




.admin-dod-obj {padding-right:20px;}

/* RESPO ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* paddings wrappers */


.WrapperFull {padding:30px 15%;}
.ShopMenu {padding:0px 20px;}

.mw-wide, .mw-tin, .urlm1 .Slide, .Paticka .DefVyrobci { padding-left: 20%; padding-right: 20%; }
.Paticka { padding: 128px 8% 54px; background: #000000 url(../im/bg.jpg) repeat-x center bottom / 999px; }

.PatickaWhite {padding-top: 0px;padding-bottom:64px; }
.PatickaWhite a {color:#000000;}

.PatickaWhite .menu-podminky a  {float:none;display:inline-block;}
.PatickaWhite .menu-podminky {text-align:center;}
.PatickaWhite a.nahoru {color:#404040;}
.PatickaWhite a.nahoru {display:none;position: fixed;bottom: 0;right: 0;background: #303030 url(../im/arr-up_w.svg) no-repeat center 4px / 20px 20px;padding-top: 28px;font-size: 13px;text-transform: uppercase;text-align: center;height: 48px;width: 60px;color: #ffffff;border-radius: 32px 32px 0px 0px;z-index: 9999;box-shadow: 0px 0px 12px -6px #000000;left: auto;margin: 0;}
.PatickaWhite .nahoru {background:#ffffff;text-shadow: 0 0 0 #000000;padding-top:20px;font-weight:700;font-size:10px;}
.paticka-left {min-height:220px;}

.copyright {border-top:1px solid #eee;}

.search-form-li { right: 20%;}
.social-media { left: 20%;}
.NejBox2, .Podpora { padding: 24px 20%;}

.urlm10 .WrapperFull, .urlm2 .WrapperFull {background:#f7f8fb;}
.urlm2 .Breadcrumbs {padding:7px 15px 8px;border-top:1px solid #e7e7e8;}
.urlm10 .ShopMenu, .urlm2 .ShopMenu { padding:0px 15px; }
.urlm10 .Breadcrumbs {display:none;}
.urlm10 .Middle {padding-top:32px;}
.MainMenuSettings { right: 15%;}

    @media (max-width: 2400px) {
      .WrapperFull, .NejBox2, .Podpora {padding: 24px 12%;}
      .MainMenu {padding: 0px 12% 0px;}

      
      .mw-wide, .mw-tin, .urlm1 .Slide, .Paticka .DefVyrobci { padding-left: 12%; padding-right: 12%; }

      .search-form-li, .MainMenuSettings { right: 12%;} .social-media { left: 12%;} .Paticka { padding: 128px 12% 54px; }


    }

    @media (max-width: 2000px) {
      .WrapperFull, .NejBox2, .Podpora {}
      .mw-wide, .mw-tin, .urlm1 .Slide, .Paticka .DefVyrobci { }



    }

    @media (max-width: 1660px) {
      .WrapperFull, .NejBox2, .Podpora {padding: 0px 8%;}
      .MainMenu {padding: 0px 8% 0px;}


      .mw-wide, .mw-tin, .urlm1 .Slide, .Paticka .DefVyrobci { padding-left: 8%; padding-right: 8%; }

      .search-form-li, .MainMenuSettings { right: 8%;} .social-media { left: 8%;} .Paticka { padding: 128px 8% 54px; }



    }

    @media (max-width: 1440px) {
      .WrapperFull, .NejBox2, .Podpora {padding: 0px 48px 0px;}
      .MainMenu {padding: 0px 24px 0px;}
      .mw-wide, .mw-tin, .urlm1 .Slide, .Paticka .DefVyrobci { padding-left: 24px; padding-right: 24px; }

      .MainMenuSettings, .search-form-li { right: 20px; }
    }



        /* UZKY */
        .urlm10 .WrapperFull, .urlm2 .WrapperFull { padding:0; }
        .urlm10 .NejBox2, .urlm10 .Podpora, .urlm2 .NejBox2, .urlm2 .Podpora {padding: 12px 24px;}
        .urlm10 .mw-wide, .urlm10 .mw-tin,
        .urlm2 .mw-wide,  .urlm2 .mw-tin,
        .urlm10 .Paticka .DefVyrobci,
        .urlm2 .Paticka .DefVyrobci { padding-left: 32px; padding-right: 32px; }
        .urlm10 .Paticka, .urlm2 .Paticka { padding: 128px 32px 54px; }
        .urlm10 .MainMenuSettings, .urlm2 .MainMenuSettings { width: auto; margin: 0 0px; padding-left: 15px; padding-right: 15px; right:0px; }
       .urlm10 .MainMenu, .urlm2 .MainMenu {width:100%; margin: 0 0px; padding-left: 15px; padding-right: 15px; right:0px;}
        .urlm10 .search-form-li ,.urlm2 .search-form-li { right:14px;}


        @media (max-width: 1440px) {
            .urlm10 .NejBox2, .urlm10 .Podpora, .urlm2 .NejBox2, .urlm2 .Podpora {padding: 15px;}
            .urlm10 .mw-wide, .urlm10 .mw-tin,
            .urlm2 .mw-wide,  .urlm2 .mw-tin,
            .urlm10 .Paticka .DefVyrobci,
            .urlm2 .Paticka .DefVyrobci { padding-left: 24px; padding-right: 24px; }
            .urlm10 .Paticka, .urlm2 .Paticka { padding: 128px 24px 54px; }

            .urlm10 .search-form-li ,.urlm2 .search-form-li { right: 24px;}
        }

/* paddings wrappers END */

         @media (max-width: 1660px) {
           .urlm2 .Nadpis, .urlm10 .Nadpis { padding-bottom: 5px; margin-bottom: 5px; line-height: 1.1; padding-top: 0px; font-size: 28px; margin-left: 0px; }
         }

        @media (max-width: 1440px) {
            .MainMenu { padding-left:24px;padding-right:24px; }
            .Left .slick-dots { left:0;top:auto;right:auto;bottom:100%;width:100%;margin: 0 0 6px 0; text-align: left;}
            .LeftNovinkyWrap {padding-top:64px;}
            .Right .slick-dots { right:0;top:auto;left:auto;bottom:100%;width:100%;margin: 0 0 6px 0; text-align: left;}
            .RightAkceWrap {padding-top:0px;}
            .vertical-slider-slick-left .slick-dots li button, .vertical-slider-slick-right .slick-dots li button {width:16px;height:16px;margin:0;}
            .vertical-slider-slick-left .slick-dots li, .vertical-slider-slick-right .slick-dots li {width:16px;height:16px;margin:0 6px 0 0;}
        }

        @media (max-width: 1370px) {
            .select-box-wrap { position: relative; z-index: 1777; float: left; min-width: 129px; max-width: 100%; width: auto; }
            .Strankovani .button-filtr-open {margin-left:0px;}
        }
        @media (max-width: 1280px) {
            .Left, .Right {width:220px;}
            .Middle {width:calc(100% - 440px);}
            .urlm12 .Middle {padding:0 20%;width:100%}
            .urlm3 .Middle {width:100%;padding:0;}
            .urlm3 .WrapperFull {background: transparent;padding: 15px;}
            
            .MenuLeft {width:calc(281px - 1px);}
            
.slick-podobne-prev, .slick-podobne-next {right: 0;top: 128px;height: 64px;width: 64px;}
.slick-podobne-prev, .slick-podobne-prev {left: 0;top: 128px;height: 64px;width: 64px;}            
            
            
        }

        @media (max-width: 1080px) { .urlm12 .Middle {padding:0 15%;} }
        @media (max-width: 900px) { .urlm12 .Middle {padding:0 12%;} }
        @media (max-width: 800px) { .urlm12 .Middle {padding:0 0px;} }
        
.open-menu {color: #ffffff;float: left;padding:22px 0px 22px 38px;box-sizing: border-box;font-size: 14px;font-weight: 900;margin-left: 12px;text-transform: uppercase;background: transparent url(../im/menu.svg) no-repeat 10px center / 24px;}
.open-menu.right {float:right;background-position:center right;padding-right:38px;padding-left:0;text-align:right;}
.fixed-me-top input[type='text'] { height: 24px; font-size:13px; line-height: 1; padding: 0; min-height: 30px; border-radius: 0; }
.fixed-me-top .dokosiku-fixed-top {border-top:1px solid #f7f8fb;position:relative;top:-1px;}

.top-menu {width:auto;}
 
 /*hover menu
*/
ul.hover-menu * {color:#000000;}
ul.hover-menu a {color: #000000;padding:13px 5px;font-weight:bold;position:relative;}

ul.hover-menu a span.img-square {width:64px;padding-right:4px;}

ul.hover-menu a:hover {color:#000000;text-decoration:underline;}
ul.hover-menu > li > a:hover {text-decoration:none;}

ul.hover-menu li > a > span:nth-last-child(1) {align-self:center;padding-left: 7px;}
ul.hover-menu li > a.span-num > span:nth-last-child(1) {display:flex;width:20px;height:20px;color:#ffffff;background:red;}

ul.hover-menu > li > ul > li > ul li a > span:nth-last-child(1) {align-self:center;font-size: 13px;padding: 1px 7px 1px 12px;background: transparent url(../im/ar-right.svg) no-repeat left center / 7px;}
ul.hover-menu > li > ul > li > ul li a.span-num > span {position:static;width:24px;height:24px;display:flex;background:red;color:#ffffff;}

ul.hover-menu li, ul.hover-menu ul {padding:0;margin:0;}

ul.hover-menu li, ul.hover-menu ul,ul.hover-menu a {}

ul.hover-menu {position:relative;display:flex;width:100%;flex-flow: row wrap;margin:0;padding:0;background-color:#ffffff;transition:all 200ms ease-in;align-items: center;justify-content: center;}
ul.hover-menu > li {display:flex;align-self:center;}
ul.hover-menu > li > a {display:flex;align-self:center;}
ul.hover-menu > li > a span {color:#000000;position:relative;}
ul.hover-menu > li > a span:after {content: '';display: block;opacity: 0;position: absolute;bottom: -13px;height: 3px;transition: all 200ms linear;background: #000000;width: 100%;}
ul.hover-menu > li:hover > a span:after {bottom: -13px;height: 3px;opacity:1;background: #000000;}
ul.hover-menu > li > ul {justify-content:stretch;display:none;position:absolute;z-index:2000;top:100%;left:0;width:100%;height:0;overflow:auto;opacity:0;background-color: #ffffff;box-shadow: 0px 58px 50px -57px #000000; box-shadow: inset 0px -12px 5px -15px #000000, 0px 58px 50px -57px #000000;}
ul.hover-menu > li.active > a span:after {opacity:1;height:3px;border-radius:1px;background:#ffc107;}
ul.hover-menu > li:hover {background-color:#ffffff;}
ul.hover-menu > li:hover > a span {color:#000000;}
ul.hover-menu > li.active > a span, ul.hover-menu > li.active:hover > a span {color:#000000;}
ul.hover-menu > li:hover > ul { display: flex;height: auto;opacity: 1;justify-content: center;flex-wrap: wrap;padding: 0 0 8px;gap: 4px;flex: 1 1 22%;}


ul.hover-menu > li > ul > li {display: flex;align-items: start;align-self: stretch;width:25%;min-width: 320px;flex-flow: row wrap;padding-top: 4px;padding-bottom: 3px;border: 1px solid #dddddd;}
ul.hover-menu > li > ul > li > a {display:flex;align-self:stretch;padding:0;}
ul.hover-menu > li > ul > li > ul {display:flex;flex-flow:row wrap;align-self:stretch;padding:7px 14px;text-align: left;}
ul.hover-menu > li > ul > li > ul a, ul.hover-menu > li > ul > li > ul li {padding:0;display:flex;font-size:12px;}

.filtr-family-no {width: auto;display: inline-block;float: none;}


/* HOVER-2 */

ul.hover-menu-2 {background:transparent;}
ul.hover-menu-2 > li > a {color: #ffffff;text-transform: uppercase; font-size: 14px;line-height: 20px;display:flex;position:relative;padding-left:27px;margin-left:7px;}

.top-menu ul.hover-menu-2 > li > a {margin-left:0px;padding-left:5px;}

ul.hover-menu-2 > li > a:hover:after {content:'';position:absolute;bottom:-10px;left:0;height:6px;background:#ffffff;display:block;width:100%;} 

ul.hover-menu-2 > li {display:flex;align-self:stretch;position:relative;}
ul.hover-menu-2 > li.only-respo {display:none;}
.only-respo {display:none;}
@media (max-width: 1200px) {
    ul.hover-menu-2 > li.only-respo {display:flex;}
    .only-respo {display:flex;}

}
ul.hover-menu-2 > li > a.open-menu {padding-right:30px;background-size:20px;background-position: right center;min-width:80px;} 

ul.hover-menu-2 > li:hover {background-color:transparent;}
ul.hover-menu-2 > li:hover > a, ul.hover-menu-2 > li:hover > a *, ul.hover-menu-2 > li > a:hover, ul.hover-menu-2 > li > a:hover * {color:#ffffff;}
ul.hover-menu-2 > li:hover > a span {color:#ffffff;}

ul.hover-menu-2 li > a > span {color:#ffffff;}
ul.hover-menu-2 li > a.span-num > span:nth-last-child(1) {position: relative;top: -1px;display: flex;padding: 4px 10px 3px 8px;color: #ffffff;background: rgb(28,142,200);align-self: center;justify-content: center;line-height: 15px;font-size: 14px;margin-left: 1px;background: rgb(48,48,48);background: linear-gradient(90deg, rgba(48,48,48,1) 0%, rgba(28,142,200,1) 81%);border-radius: 0px 30px 30px 0px;}
ul.hover-menu-2 > li > ul > li > a {padding: 3px 8px;}

ul.hover-menu-2 > li > ul > li {width:100%;min-width:10px;background:transparent;border-bottom:1px solid #dddddd;}
ul.hover-menu-2 > li > ul > li a {width:100%;background:transparent;}
ul.hover-menu-2 > li:hover > ul {padding:0px;display: block;height: auto;opacity: 1;min-width: 120px;text-align:right;right: 0;left: auto;border: 0;box-shadow:0px 0px 20px -7px #00000099;}


ul.hover-menu-2 > li.li-kosik {}
ul.hover-menu-2 > li.li-kosik > a {padding-left: 30px;background: transparent url(../im/kosik_w.svg) no-repeat left center / 23px;padding-left:24px;padding-right: 0px;}
ul.hover-menu-2 > li.li-kosik:hover > ul {min-width: 300px;text-align:left;}
ul.hover-menu-2.menu-right-bottom > li:hover > ul {min-width: 260px;text-align:left;}


ul.hover-menu-2 > li > a span:after {background:#ffffff;bottom:-6px;}
ul.hover-menu-2 > li:hover > a span:after {display:none;}

li.mini-item {}
li.mini-item > a {display:flex;width:100%;flex-flow:row;}
li.mini-item > a > span.img {display:flex;width:40px;overflow:hidden;}
li.mini-item > a > span.img > img {height:40px;}
li.mini-item > a > span.text {display:flex;flex-flow:column;padding-left: 12px;}
li.mini-item > a > span.text > strong {display:flex;}
li.mini-item > a > span.text > span {display:flex;}

.icom-filtr {background: transparent url(../im/filtr_w.svg) no-repeat 4px center / 20px;}
.icom-voucher {background: transparent url(../im/icom-voucher.svg) no-repeat 4px center / 20px;}
.icom-user {background: transparent url(../im/icom-user.svg) no-repeat 4px center / 20px;}
.icom-kosik {background: transparent url(../im/icom-kosik.svg) no-repeat 4px center / 20px;}

.side-48 {width:80%;width:calc(100% - 48px);}

 /*hover menu end
*/    


.WrapperNadpis {display:none;padding-top:64px;padding-bottom:64px;background: #000000 url('../im/bg-nadpis.jpg') no-repeat center top / 100%;}
.WrapperNadpis, .WrapperNadpis * {color:#ffffff;}

@media (max-width: 840px) {
    .WrapperNadpis {padding-bottom:0px;}
    .kosik-voucher-box {width:100%;}
    .kosik-voucher-image {width:100%;padding:0px;}
    .celkem-zbozi, .celkem-zbozi *, .Kosik .price, .Shrnuti .price, .Shrnuti select, .Kosik select { font-size: 16px; }

}
@media (max-width: 680px) and (orientation: portrait) {
    .WrapperNadpis {background: #000000 url('../im/bg-nadpis-square.jpg') no-repeat center top / 100%;}
    .WrapperNadpis > * {float:left;display:block;box-sizing:border-box;width:95%;width:calc(100% - 1px);}
    .WrapperNadpis:before {content:'';display:block;float:left;padding-top:48%;width:100%;}
}

@media (max-width: 480px) {
    .celkem-zbozi, .celkem-zbozi *, .Kosik .price, .Shrnuti .price, .Shrnuti select, .Kosik select { font-size: 15px;padding: 7px;margin: 0 0 9px; }
}

    .only-respo-1 {display:none;}
    @media (max-width: 1200px) {
        .only-respo-1 {display:inline-block;}
    }
/* TEMPLATE ESHOP 1 END */

iframe {min-height:50vh;border:0;}

.sliderhalf {transition: 300ms linear;max-height:220px;opacity:0;overflow:hidden;}
.sliderhalf.ready {max-height:100%;opacity:1;}
.sliderhalf .textwrap {overflow:hidden;height:0;opacity:0;pinter-events:none;}
.BannerAkce .slick-dots li {border:1px solid #dddddd;background:#ffffff;margin-top:7px;transition: 300ms linear;}
.BannerAkce .slick-dots li:hover {border:1px solid #282828;}
.BannerAkce .slick-dots li.slick-active {border:1px solid #000000;background:#000000;}
.slick-dots li.slick-active button:before,.slick-dots li button:before {display:none;opacity:0;}

.slick-dots li {border:1px solid #dddddd;background:#ffffff;margin-top:7px;transition: 300ms linear;}
.slick-dots li:hover {border:1px solid #282828;}
.slick-dots li.slick-active {border:1px solid #000000;background:#000000;}

.ul-slider {transition: 300ms linear;max-height:220px;opacity:0;overflow:hidden;}
.ready.ul-slider {max-height:100%;opacity:1;}

.lista {}
.lista-item {float:left;background: transparent url(../im/menu_arrow_r.svg) no-repeat right center;}
.lista-item:nth-last-child(1) {background:transparent;}
.lista-item.active {}
.lista-item > span {font-size:20px;width:32px;height:32px;float:left;line-height:32px;text-align:center;font-weight:bold;color:silver;}
.lista-item > strong {font-size:13px;min-height:32px;float:left;line-height:32px;font-weight:normal;box-sizing:border-box;padding-left:12px;color:silver;}
.lista-item.active > span {color:black;}
.lista-item.active > strong {color:black;}


.lista { position: relative; padding: 0px 8px 11px; min-height: 32px; line-height: 12px; font-size:13px; text-align: center; overflow: hidden; }
.close-lista { right: 0; top: 7px; margin: 0 0 0 12px; bottom: 0; width: 24px; height: 24px; position: relative; float: none; display: inline-block; }
.close-lista > img {width:24px;height:24px;float:left;margin:0;}
.lista .text {font-weight:normal;padding-top:12px;}

.MainMenuWrap .lista.lista-fixed { position: fixed; background: #000000; background: #000000a8; top: 0; bottom: 0; right: 0; left: 0; z-index: 9999999; }
.MainMenuWrap .lista.lista-fixed > div:nth-child(1) { position: absolute; top: auto; bottom: calc(50% - 160px); right: 0; left: 0; margin: auto; width: 320px; min-height: 320px; padding: 0; border-radius: 18px 18px 3px 3px; }
.MainMenuWrap .lista.lista-fixed > div:nth-child(1) > div {width:100%;margin:0;}
.MainMenuWrap .lista.lista-fixed > div:nth-child(1) form {padding: 20px 0px;}

.Lista { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; }


.ObjPage {min-height:78vh;}
.chyba.silver {padding: 128px 24px 24px;font-size:24px;color:gray;border:0;margin:20vh 0px;background: transparent url('../im/chyba-silver.svg') no-repeat center top / 100px 100px;}

.AdminPage {padding-left:64px;padding-right:64px;padding-top:86px;}

.brb { border: 0; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; min-height: 27px;}
.blt {border:0;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;min-height: 27px;}

.AdminPage .c6.uspech {width:50%;margin:0;}
.admin-customer-seznam { margin: 0; padding: 0; }
.admin_css input[type='text'], .admin_css textarea, .admin_css select, .admin_css .silver-box {border:1px solid #d4d4d4;margin-top:-1px;min-height: 27px;}
.admin_css .silver-box { float: right; margin-right: 21px; width: 107px; padding: 5px; color: gray; background: silver; }

.admin_css table input[type='text'], .admin_css table textarea, .admin_css table select, .admin_css table .silver-box {border:0;}

.admin_css .issue-messages .silver-box {margin-right:0;}

.admin_css textarea:focus, .admin_css input[type='text']:focus, .admin_css select:focus { box-shadow: inset 0px 0px 8px -3px #00d8ff; border: 1px solid #00d8ff; }
.admin_css textarea:hover, .admin_css  input[type='text']:hover, .admin_css select:hover { box-shadow: inset 0px 0px 10px -5px #6f6f71;}

.admin_css {background:#ffffff;}
.admin_css .submit, .admin_css button { margin-top: 0px; padding: 7px 14px; background: #1c94c4; color: #ffffff; font-weight: 400; font-size: 11px; }
.admin_css .label { margin: 1px 24px 14px 0px; }
.admin_css .label { margin: 1px 24px 4px 0px; min-width: 120px; float: left; }
.issue-messages {display:none;}
.active .issue-messages {display:block;border: 1px solid #cecfd4;margin-top:12px;}

.issue-message { margin-top: 12px; padding-left: 56px; background: transparent url(../im/ico-user-diskuze.svg) no-repeat 10px 1px / 37px; }
.issue-row.active { border: 2px solid #cecfd4; background: #ffffff; box-shadow: 0px 10px 49px -34px #404040; position: relative; z-index: 100; }

.ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default { border-radius:0;float:left;border:0;box-sizing:border-box;outline:1px solid #f7f8fb;width:100%; }


/*.row-customer .menu a { color: black; margin-left: 6px; font-size:13px; border: 1px solid #d8d8d8; border-radius: 4px; min-height: 35px; padding: 2px; }

.row-customer .menu a.active {border:1px solid #404040;border-radius:4px;}
.row-customer .menu a > b {float:left;box-sizing:border-box;width:100%;}
.row-customer .menu a > small {float:left;box-sizing:border-box;width:100%;font-size:10px;}     */


.admin_css .ico-search { background-image: url(../im/search.svg); border: 0; color: #404040; background-color: transparent; padding: 0px 14px 0 32px; background-repeat: no-repeat; background-position: 4px center; background-size: 20px; }

.row-customer, .issue-row, .row-customer *, .issue-row * {font-size:11px;}
.row-customer .name, .issue-row .name, .row-customer > div > .cg, .row-customer > div > .cr {font-size:20px;letter-spacing:-0.03em;font-weight:400;}
.row-customer > div > .cg, .row-customer > div > .cr { width: 27px; background: #ffffff; border-radius: 32px; float: left; text-align: center; line-height: 26px; height: 27px; box-shadow: 0px 0px 10px -5px #6f6f71; }
.obj-mini-box { padding: 2px; border-radius: 3px; background: #ffffff; }
.cus-obsah > div:nth-child(1) { border-top: 1px solid #eeeeee; margin-top: 9px; }

.row-customer .menu select {float:right;margin:3px 20px 0px 0px;padding:0;max-height:30px;}
.row-customer .menu a { display: block; color: #404040; padding-top: 0; margin-left: 11px; box-shadow: 0px 0px 10px -5px #6f6f71;}
.row-customer.active .menu a {display:none;}
.row-customer .menu .truncater {display:none;}
.row-customer.active .menu .truncater {display:block;}
.row-customer.active .menu .truncater img {width:20px;height:20px;}

.row-customer .menu a:nth-last-child(1) {width:144px;}
.row-customer .menu a > b {float:left;box-sizing:border-box;width:100%;}
.row-customer .menu a > small { float: left; box-sizing: border-box; width: 100%; font-size: 10px; color: #9d8272; box-shadow: 0px 0px 10px -5px #6f6f71; }

.issue-row .menu select {float:right;margin:3px 20px 0px 0px;padding:0;max-height:30px;}
.issue-row .menu a {display:block;color:#404040;padding-top:8px;}
.issue-row.active .menu a {display:none;}
.issue-row .menu .truncater {display:none;}
.issue-row.active .menu .truncater {display:block;}
.issue-row.active .menu .truncater img {width:20px;height:20px;}

.issue-row .menu select.cr {border:1px solid red;color:red;}
.issue-row .menu select.co {border:1px solid orange;color:orange;}
.issue-row .menu select.cg {border:1px solid #67b809;color:#67b809;}

.admin_css form { min-height: 18px; padding: 3px;}
.admin-obj-item-menu a, .admin-obj-item-menu span { margin-right: 7px; float: left; padding-top: 5px; color: #b9b9b9; font-size: 10px; line-height: 20px; }
.admin-obj-item-menu span.cr {color:red;}
.admin-obj-item-menu a:hover {transform:scale(1.2);transition:all 150ms linear;}
.admin-obj-item-menu a.fr {float:right;}

.admin-obj-item-menu span.fr {float:right;}

.AdminPage { background: #ffffff; min-height: 100vh; padding: 0px; }

.admin-fixed-right {position:fixed;left:200px;top:0;right:0px;background:#282828;box-shadow:0px 0px 10px -6px #000000;}
.csv-sklad-wrap {padding-top:120px;}

.admin-mainmenu { width: 200px; float: left; position: relative; background: #282828 url(../im/logo_w.svg) no-repeat 9px 12px / 135px; z-index: 9999; text-align: left; min-height: 100vh; padding-top: 63px; position: fixed; height: 100%; overflow: auto; }
.admin-side-right { width: calc(100% - 200px); float: left; position: relative; padding: 0px 3px;min-height:100vh;margin-left:200px; }
.admin-mainmenu a {color:#ffffff;font-size:11px;float:left;width:100%;text-align:left;padding:8px;}
.admin-mainmenu a.active { background-color: #fff; color: #000; font-size: 15px; padding: 7px 6px 6px; text-transform: uppercase; letter-spacing: 0.09em; }

.admin-mainmenu .ico-switched-off {color:red;padding-left:36px;font-weight:700;line-height:1;}
.admin-mainmenu .ico-switched-on {color:#67b809;padding-left:36px;font-weight:700;line-height:1;}

.admin-mainmenu ul, .admin-mainmenu li, .admin-mainmenu a {width:100%;float:left;display:block;box-sizing:border-box;}
.admin-mainmenu ul {list-style:none;}
.admin-mainmenu ul, .admin-mainmenu li {padding:0;margin:0;}
.admin-mainmenu li.active { padding: 0px 12px 12px; background: #ffffff; box-shadow: -66px 1px 41px 14px #404040; position: relative; z-index: 90; }

body.admin_css.layer-opened .layer { background: #ffffff;width:94%;height:94%;margin:auto;padding:12px;left:0;bottom:0;right:0;top:0; }

.admin_css .admin-mainmenu form {padding:0;border:0;}
 .admin_css .label input[type="checkbox"] + span { padding: 4px 0px 0px 34px;}

.admin-submenu {background:#ffffff;}
.admin-submenu input[type='text'],
.admin-submenu input[type='text'], .admin-submenu select { box-sizing:border-box;width: 100%; margin-top: 0px; min-height: 24px; height: 24px; line-height: 12px; font-size: 11px; border-radius: 2px; background-color: #ffffff; color: #404040; border: 1px solid #878787; }
.admin-submenu .submit, .admin-submenu button { box-sizing: border-box; width: 100%; margin-top: 4px; min-height: 24px; height: 26px; line-height: 11px; font-size: 11px; border-radius: 2px; padding: 8px; text-align: center; }
.admin-submenu .submit:hover, .admin-submenu button:hover { background: #0c5072; }

.admin-submenu .chyba, .admin-submenu .uspech {font-size:9px;padding: 34px 3px 3px 3px;background-position: center top;}

.admin-mainmenu a:hover {text-decoration:underline;}

.admin-submenu > form > div,
.admin-submenu > form,
.admin-submenu > div {width:100%;}

.admin-submenu > form:nth-child(1) {padding-bottom:32px;}

.admin-submenu label {padding: 0px 2px;margin:0;font-size:11px;color:#878787;}

  .ui-widget-content.ui-datepicker { padding: 0; background: transparent; z-index: 9999999 !important; position: relative; }

.ui-datepicker table { box-shadow: 0 0 24px -12px #404040; }
.ui-widget-content.ui-datepicker {padding:0;background:transparent;}


.issue-message .cr {background: transparent url('../im/ico-user-r.svg') no-repeat 2px 5px / 16px;padding-left:20px;padding-top:3px;padding-bottom:3px;min-height:24px;}
.issue-message .co {background: transparent url('../im/ico-user-o.svg') no-repeat 2px 5px / 16px;padding-left:20px;padding-top:3px;padding-bottom:3px;min-height:24px;}
.issue-message .cg {background: transparent url('../im/ico-user-g.svg') no-repeat 2px 5px / 16px;padding-left:20px;padding-top:3px;padding-bottom:3px;min-height:24px;}
.issue-message .zprava {background:#f7f8fb;padding:12px;margin:6px 0;}

.selecter.stav-1, .selecter.stav-4, .selecter.stav-6 {color:red;border:1px solid red;}
.selecter.stav-2 {color:orange;border:1px solid orange;}
.selecter.stav-3, .selecter.stav-5 {color:#67b809;border:1px solid #67b809;}
.selecter.m1t {margin-top:8px;}

.feeder-menu {background:#404040;color:#ffffff;}
.feeder-menu a {color:#ffffff;}
.feeder-menu a:visited {color:#fecc00;}
.feeder-seznam {padding:64px;}

.mo-menu { transition:all 300ms ease-out;position: fixed; right: 0; top: 0; bottom: 0; background: #ffffff; color: #404040; border-left: 1px solid #eeeeee; margin: 0; padding: 0; width: 190px; font-size: 11px; z-index: 999999; box-shadow: 6px 0 18px -7px #404040; }
.mo-menu.closed { right:-190px; transition:all 300ms ease-in;}
.mo-menu a { width: 100%; float: left; display: block; box-sizing: border-box; padding: 6px 4px 6px 35px; margin: 0; color: #404040; font-size: 11px; margin: 0; border-bottom: 1px solid #eeeeee; }
.mo-menu-nazev-div { width: 100%; float: left; display: block; box-sizing: border-box; padding: 4px 4px 4px 35px; margin: 0; color: #404040; font-size: 11px; margin: 0; border-bottom: 0; background: transparent url(../im/mo-menu-item.svg) no-repeat 7px 3px / 18px; font-weight: bold; }
.mo-menu a:hover, .mo-menu a.active {background:#404040;}
.mo-menu a.active {color:#ffffff;}
.mo-menu a.mo-menu-popis {background: transparent url('../im/mo-menu-popis.svg') no-repeat 2px 3px / 28px}
.mo-menu a.mo-menu-galerie {background: transparent url('../im/mo-menu-galerie.svg') no-repeat 2px 3px / 28px;}
.mo-menu a.mo-menu-galerie-upload {background: transparent url('../im/mo-menu-galerie-upload.svg') no-repeat 2px 3px / 28px;}
.mo-menu a.mo-menu-wrappers {background: transparent url('../im/mo-menu-popis.svg') no-repeat 2px 3px / 28px;}
.mo-menu a.mo-menu-method {background: transparent url('../im/mo-menu-popis.svg') no-repeat 2px 3px / 28px;}

.mo-menu a.mo-menu-image { color: #888888; width: 50%; }
.mo-menu-image-wrap {background:#f7f8fb;}
.editable.media .open-gal img {display:none;}
a img.fast-window-close  {display:block;}
.fast-window-wrap-wide { left: 15%; box-shadow: 6px 0 18px -7px #404040; border: 1px solid #eeeeee; outline: 0; min-height: 75vh ; }
.title { background: #313131; padding: 5px 12px ; color: #ffffff; box-shadow: inset 0px -28px 20px -43px #404040; font-size:13px; font-weight: bold; line-height: 23px;}

.mo-menu a.mo-menu-close { position: absolute; top: 50%; margin-top: -16px; right: 100%; width: 48px; height: 48px; padding: 3px; border: 1px solid #f7f8fb; background: #ffffff; z-index: 9999; }
.mo-menu.closed a.mo-menu-close {background: #ffffff url('../im/options.svg') no-repeat 2px 2px / 42px;}
.mo-menu.closed a.mo-menu-close img {opacity:0;}

 .fast-window-wrap textarea, .fast-window-wrap input[type='text'], .fast-window-wrap select { font-family: 'Roboto'; box-sizing: border-box; min-height: 29px; border: 1px solid #404040;
 border-radius: 1px; margin-top: -1px; }

 .fast-window-wrap input[type='text']:focus, .fast-window-wrap input[type='text']:hover {color:#313131;}

.admin_url_media_item { margin: 0; width: 100%; padding: 10px ; border: 1px solid #d1d1d1; background: #f9f9f9; }

.banner-orange {padding: 12px 12px 12px 48px;float: left;font-size: 11px;line-height: 1.2;text-align: left;box-shadow: inset 0px -11px 27px -19px #000000, inset 0px 11px 27px -19px #ffffff;border-radius: 3px;background: #909f00 url(../im/ico-user-w.svg) no-repeat 12px center / 24px;margin-top: 7px;}
.banner-orange, .banner-orange * {color:#ffffff;}

.banner-orange > div > b {width:100%;display:inline-block;} 

.CustomerMenu .banner-orange { margin-bottom:12px;margin-top:12px;}


.user-menu-selecter .banner-orange,
.user-menu-selecter .banner-orange * { font-size:13px;color:#ffffff; }

.user-menu-selecter .banner-orange { padding: 5px 5px 5px 30px ; width: 100%; box-sizing:border-box; color:#ffffff;background-size:20px;background-position:3px center;margin:0;}

.MainMenuSettings .menu-selecter-gui-box.active .banner-orange,
.MainMenuSettings .menu-selecter-gui-box.active .banner-orange * {color:#ffffff;}

/* graupe-edit */

.div-head {background:#313131;color:#ffffff;margin:0;border:0;padding:8px;}
.div-head * {color:#ffffff;}

.graupe-editor .toolbar {width:100%; display: grid; grid-template-columns: repeat(auto-fit,minmax(20px,28px)); background-color: rgb(255 255 255); color: rgb(0, 0, 0); grid-gap: 1px; padding: 1px; justify-content: left; border: 1px solid #f7f8fb; box-shadow: 3px 3px 8px -7px black;  }
.fast-window-wrap .graupe-editor .toolbar { position: fixed; bottom: 20px; width: 55%; width: calc(((100% - 189px ) / 100) * 66.66); left: 0px; background: #1fa1ed; width: 32px; z-index: 9999;}
.graupe-editor .tool-items {text-align:center; background-color: rgb(229,229,229); padding-top: 0.6rem ; padding-bottom: 0.6rem ; cursor: pointer; color: #000; }
.graupe-editor .tool-items:hover{ box-shadow: none; background-color: #6b5e5e;  }
.graupe-editor .center  { display: flex; justify-content: center; flex-wrap: wrap; }
.graupe-editor .editor { float: none; width: 100%; height: auto; margin: 0; padding: 0px; box-shadow: 3px 3px 8px -7px black; border: 1px solid #d1d1d1; overflow-y: auto; }
.graupe-editor .getcontent{ white-space: pre; width: 80vw; background-color: rgb(255, 255, 255); overflow: auto; padding: 1rem; display: none; margin-top: 1rem; box-shadow: .1rem .1rem .5rem rgb(255, 255, 255); border: 1px solid rgb(0, 0, 0); }
.graupe-editor .btn {text-align:center; padding: .5rem;  margin-right: 1rem; color: #fffffc; letter-spacing: .1rem; font-size: 1rem; border-radius: .2rem; cursor: pointer; outline: none; box-shadow: 0 .4rem .4rem black; transition: all .3s; }
.graupe-editor .btn:hover{  box-shadow: 0 .1rem .1rem black; }
.graupe-editor img {}
.graupe-editor label { margin-left: 0.04rem; padding-left:.7rem }


.WrapperCustomer {padding:0;}
.CustomerMenu {padding:0;list-style: none;text-align:center;}
.CustomerMenu li {display:inline-block;}
.CustomerMenu .c-menu {margin-bottom:2px;}

.x-update-form {display:none;}
.active .x-update-form {display:block;}

.moduler-media-fixed { position: fixed; right: 203px ; top: 41px ; bottom: 0; overflow: auto; width: 30%; width: calc( ((100% - 189px) / 100) * 30.33 );  }


.url-item .truncater {display:none;width:20px;height:20px;margin:0 0px 0 40px;margin-top:4px;}
.url-item .truncater img {width:20px;height:20px;}
.url-item.active .truncater {display:block;}
.url-item.active .url-item-menu { width: 100%; border-bottom: 1px solid #dddddd; padding: 4px 29px 8px; background: #dddddd; box-shadow: 3px 3px 8px -7px black;}
.url-item.active {outline:0;border:3px solid #000000; border-radius:5px;}
.url-item.active  > .strong {padding-left:30px;}


.obj-stav-4, .obj-stav-4 * {color:silver;}

.obj-wrap {background:#f7f8fb;}
 .obj-wrap > .odd-bgw { background-color: #ffffff; margin: 0; width: 100%; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; padding: 0px; box-shadow: 1px 1px 5px -4px #000000; }
.odd-bgw .selecter {min-height: 17px;max-width: 144px;}
.odd-bgw .brb {border:0;min-height:10px;}

.obj-wrap > .odd-bgw > span, .obj-wrap > .odd-bgw > div {padding: 5px 0px 0px;}
.obj-wrap > .odd-bgw > .sem {padding:0;}
.obj-wrap > .odd-bgw img {margin-right:3px;}

.obj-wrap > .odd-bgw:hover {background:#f7f8fb;}

.admin_css .layer table {margin:0;padding:0;width:100%;}
.admin_css .layer table tr { padding: 0px; }
.admin_css .layer table tr:nth-child(odd) { background: #ffffff; }
.admin_css .layer table td { padding: 1px 6px; margin: 0; }



.h-opener > * {display:none;}
.h-opener.opened > * {display:block;}
.h-opener > h1,.h-opener > h2,.h-opener > h3,.h-opener > h4,.h-opener > h5,.h-opener > h6 {border-top:1px solid #dddddd;display:block;cursor:pointer;text-align:left;background:transparent url('../im/arr-down.svg') no-repeat left center / 16px;padding-left:20px;}
.h-opener.opened > h1,.h-opener.opened > h2,.h-opener.opened > h3,.h-opener.opened > h4,.h-opener.opened > h5,.h-opener.opened > h6 {background:transparent url('../im/close.svg') no-repeat left center / 16px;}



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

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


.flex-col-last-end { display: flex; flex-wrap: wrap; align-items: flex-end; min-height: 108px; }
.Kosik .flex-col-last-end .price, .Shrnuti .flex-col-last-end .price { font-size: 20px; font-weight: 700; padding: 5px 0; align-self: flex-end; flex: 0 0 auto; }



.slick-dots li button {height:22px;}

.s-dph {margin-left:2px;font-size:11px;font-weight:400;}


.odznak > div:nth-child(1) { position: static !important; border: 0 !important; box-shadow: rgb(255 255 255) 0px 0px 0px !important; float: left !important; width: 100% !important; height: 53px !important; }
.odznak > div:nth-child(1) > iframe { position: static !important; width: auto !important; margin: 0px !important; border: 0 !important; display: inline-block !important; opacity: 1; min-height: 0px; max-height: 54px; background: #f5f5f5; }

.Dokosiku .select-opener_box {padding: 7px;background: #ffffff;display:table-row;float:none;width:auto;}
.Dokosiku .select-opener_box:nth-child(1) > * {}
.Dokosiku .select-opener_box .ico-kosik {background-size:20px;padding-left:23px;padding-top:3px;}
.Dokosiku .select-opener_box > * {display:table-cell;float:none;width:auto;vertical-align:top;border-bottom:1px solid #e7e7e7;padding:7px 4px;}
.Dokosiku .select-opener_box > *:nth-child(1) {padding-left:12px;}
.Dokosiku .select-opener_box > .sleva {position:relative;}
.Dokosiku .select-opener_box > .sleva > span {font-size: 12px;z-index: 199;padding: 0;margin: -4px 5px 5px;width: 32px;height: 32px;position: absolute;top: 50%;left: 0;line-height: 32px;text-align: center;color: #ffffff;background: transparent url(../im/sale.svg) no-repeat center center / cover;}
.Dokosiku .select-opener_box > .prices > .sdph {padding-top:0px;font-size:18px;font-weight:900;letter-spacing: -0.03em;}
.Dokosiku .select-opener_box > .prices > .puvodne {color:#ff0033;}
.Dokosiku .select-opener_box > .prices > .bezdph {color:#282828;}

.Dokosiku .rad-table {display:table;padding:0px;}

.Dokosiku .pr-box {padding: 6px 0px 0px;background: #ffffff;}

.tab {display:table;}
.trow {display:table-row;}
.tcel {display:table-cell;}

.tcel {padding:2px;}

.tcap {display: table-caption;}


.doprava-wrap {padding:20px 0px 0px;}

.KartyWrap {position:relative;padding:0px;margin-bottom:30px;}

.KartyMenu {position:relative;border-bottom:1px solid #282828;padding:13px 30px 0px;text-align:left;}
.KartyMenu > a {z-index: 90;position:relative;float: left;margin-right: 3px;padding: 8px 15px;position: relative;background: #282828;border: 1px solid #282828;border-bottom: 0px;color: #ffffff;display: inline-block;float:none;}
.KartyMenu > a.active {background:#ffffff;top:1px;color:#303030;font-weight:bold;}
.KartyMenu > a.empty {display:none;}


.karta-open {}
.karta-open.active {}
.karta-open:hover {}
.karta-text {width:100%;height:0;pointer-events:none;overflow:hidden;animation-name: closekarta;animation-duration: 0.25s;opacity:0;background:#f3f3f3;transition:all 250ms linear;padding:0px 20px;}
.karta-text.active {pointer-events:all;overflow:visible;height:auto;min-height:240px;animation-name: loadkarta;animation-duration: 0.25s;opacity:1;padding:20px 0px;background:transparent;}

.urlm1 .KartyWrap .karta-text {padding:0px 30px;}
.urlm1 .KartyWrap .karta-text.active {padding:15px 0px;border:0;}

.fast-window-wrap .karta-text {height:auto;opacity:1;background:#ffffff;pointer-events: unset;}


.icox, 
.icox > .ico-img, 
.icox > .ico-text {display:flex;}
.icox > .ico-text > * {display:flex;}
.icox > .ico-img > * {display:flex;}
.icox > .ico-text > * > * {display:inline-block;}
.icox > .ico-text > strong {font-weight: 800;font-size: 22px;padding-bottom: 8px;padding-top: 8px;line-height: 1;}
.icox > .ico-text > span {font-size: 14px; line-height: 1.5;margin-top: 6px;}


.ico-3-col {display:flex;flex-wrap:wrap;justify-content:stretch;gap:15px;}
.ico-3-col .icox {flex-flow:column;justify-content:stretch;}
.ico-3-col .icox > .ico-img {justify-content:center;padding-top:15px;}
.ico-3-col .icox > .ico-img > img {align-self:center;width:56%;max-width: 156px;}
.ico-3-col .icox > .ico-text > strong, .ico-3-col .icox > .ico-text > span {align-self:center;text-align:center;}
.ico-3-col .icox > .ico-text {flex-flow:column;justify-content:center;padding:0px 21px 30px;}

.ico-3-col .icox {flex: 1 1 21%;position:relative;box-shadow:inset 0px 0px 75px -50px #000000;}

.ico-3-col .icox:before {content:'';position:absolute;bottom:-1px;left:-1px;width:96px;height:96px;background: transparent url(../im/cr.svg) no-repeat right top / cover ;transform:rotate(180deg);}

.own-seznam {display: flex;flex-wrap: wrap;padding: 0px;gap: 0px;padding: 0px;margin: 0px;}
.own-seznam .si { flex: 1 1 25%;border:0; }
.own-seznam .slick-slide {padding:2px;}

.ico-row {display:flex;flex-wrap:wrap;justify-content:stretch;gap:7px;}
.ico-row .icox {flex-flow: row;justify-content: stretch;padding-bottom: 6px;box-shadow: -6px 6px 4px -8px #000000;}
.ico-row .icox > .ico-img {justify-content:stretch;flex: 1 1 48px;}
.ico-row .icox > .ico-img > img {align-self:stretch;width:48px;}
.ico-row .icox > .ico-text > strong, .ico-row .icox > .ico-text > span {align-self:stretch;text-align:left;color:#000000;}
.ico-row .icox > .ico-text > strong {font-weight: 900;font-size: 16px;padding:0;line-height: 1;}
.ico-row .icox > .ico-text > span {font-size: 12px;letter-spacing: 0em; line-height: 1.2;margin-top: 6px;}

.ico-row .icox > .ico-text > span:nth-child(1) {margin-bottom:2px;}
.ico-row .icox > .ico-text > span:nth-child(2) {margin-top:2px;}

.ico-row .icox > .ico-text {flex-flow:column;justify-content:center;padding:0px;}

.Dokosiku .ico-row {padding-top:7px;}


@keyframes loadkarta {
  0% {    height:0; }
  99% {   height:320px;  }
  100% {  height:auto; }
}
@keyframes closekarta {
  0% {    height:auto; }
  99% {   height:320px;  }
  100% {  height:0px; }
}

table {margin-top:0;}

.PatickaWhite {border-top:1px solid #dddddd;}
.PatickaWhite {background:#f1f1f1;}

.MainMenuWrap { padding-top: 0px; box-shadow: 0px 0px 30px -24px #000000;}
.MainMenuWrap .menu-podminky {z-index:99999;position:absolute;top:0;left:0;right:0;text-align:right;background:#404040;box-shadow:inset 0px 17px 44px -37px #ffc107;padding:0px 18px;}
.MainMenuWrap .menu-podminky a {display:inline-block;float:none;padding:6px;margin: 0px 3px;color:#938f85;font-size:11px;line-height:12px;}


.MainMenuWrap .menu-podminky a.open-menu-podminky {text-align:left;display:none; color: #ffffff; float: left; padding-left: 20px; font-weight: 700; text-transform: uppercase; background: transparent url(../im/menu.svg) no-repeat center left / 14px; text-decoration: none; }
.MainMenuWrap .menu-podmink.active a.open-menu-podminky {background-image:url(../im/closew.svg);}

@media (max-width: 680px) {
.MainMenuWrap .menu-podminky a {display:none;width:100%;padding: 16px;border-bottom: 1px solid #303030;float:left;}
.MainMenuWrap .menu-podminky a.open-menu-podminky { display:block; padding:6px;padding-left: 20px;border:0;  }
.MainMenuWrap .menu-podminky.active a {display:block;}
}

.nazev {font-weight:bold;font-size:16px;}

.ico-plus-blue {background: transparent url(../im/ico-plus-blue.png) no-repeat 7px center / 13px;font-weight: bold;font-size: 13px; margin-top:10px;line-height: 13px;padding: 8px 9px 8px 27px;border: 1px solid #cccccc;border-radius: 3px;color: #2196f3;}

.psc-sel-decimal {display:none}
.psc-sel-decimal.active {display:block;}


.vanoce-upozorneni { background: #cf2a2f url(../im/vanoce-upozorneni.jpg) no-repeat left bottom / 100%; width:100%; position:relative; float:left;color:#ffffff;}
.vanoce-upozorneni .text {position:absolute;left:0;top:0px;bottom:0;height:100px;min-height:100px;margin:auto 0px;padding:20px;width:60%;text-align:center;font-size:16px;}
.vanoce-upozorneni:before {content:'';display:block;float:left;padding-top:50%;}

@media (max-width: 600px) { .vanoce-upozorneni .text {margin-top:10px;width:70%;font-size:14px;} }
@media (max-width: 400px) { .vanoce-upozorneni .text {margin-top:0px;width:60%;font-size:13px;padding:9px;position:static;float:left;height:auto;}  .vanoce-upozorneni:before {display:none;} }

.line {opacity:0.5;transition: all 250ms linear;cursor:crosshair;}
.line .flag {opacity:0;transition: all 250ms linear;max-height: 50vh;height:0;overflow:hidden;display:none;z-index: 999999999;width: 40vw; width: calc(50vw - 77px);}
.line:hover .flag, .line:focus .flag, .line:active .flag {display:block;opacity: 1;overflow: auto;padding: 6px;height: auto;box-shadow: 0px 0px 10px -6px #000000;}
.line:hover, .line:focus, .line:active {opacity:1;}

.admin-side-right table.an-table {width: 100%;float: left;}
.an-table tbody {width: 100%;display: table;}
.admin-side-right table.an-table tr:hover td {background:#000000;color:#ffffff;}
.admin-side-right table.an-table tr:hover td * {color:#ffffff;}

.admin-side-right table.an-table tr.an-header:hover td {background:#dddddd;color:#000000;}
.admin-side-right table.an-table tr.an-header:hover td * {color:#000000;}

.xcol {transition: all 250ms linear;}
.xcol:hover {background:#f7f8fb;}

.ui-widget-header {width: 100%;}

.tg-wrap {overflow:hidden;border-left: 1px solid #dddddd;}
.tg-wrap input[type='text'] {border:0;border-radius:0;border-right:1px solid #eeeeee;background:transparent;}
.tg-wrap button {border:0;border-radius:0;background:transparent;background-color:#ffc107;margin:0;}
.tg-wrap form {padding:0;margin:0;}

.tg-wrap button.line {padding:0;text-align:left;text-transform: none;}

.tg-wrap table td {padding:2px;font-size:10px;}
.table-wrap {}

.tg-wrap .active {background-color:#ffc107;}

.an-table {position:relative;bottom:0px;left:0px;background:#ffffff;z-index:9999900;width:100%;}
.an-table-scroll {height: calc(80vh - 96px);overflow:auto;width:100%;background:transparent;position:relative; padding-top: 39px }
.an-table-scroll tr.an-header {position:absolute;top:0;left:0px;width:100%;}
.an-table-scroll tr.an-header * {background:transparent;border:0px;}

.an-table-scroll tr.an-header, .an-table-scroll tr.an-header:nth-child(odd) {background: #ffffff;position: fixed;top: 50%;left: auto;z-index: 9999999;box-shadow: 0px 1px 7px -4px #000000;top: calc(20vh + 91px);}

.an-table-scroll tr.an-header td {border-right:1px solid #eeeeee;padding: 0px 8px;}

.admin-side-right .tg-wrap table.an-table tr.an-header:hover td {background:#ffffff;}
.admin-side-right .tg-wrap table.an-table tr.an-header td:hover {background:#f7f8fb;}


.loading-text-wrap {position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:9999999;background:#000000;background:#00000099;}
.loading-text-wrap > div {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:32px;text-align:center;}
.loading-text-wrap > div > span {color:#ffffff;line-height:32px;font-size:13px;padding-left:36px;background: transparent url(../im/loadwhite.svg) no-repeat left center / 28px;display:inline-block;}


.admin_css form.p12t {padding-top:40px;padding-bottom:28px;}
.form-header {position:fixed;top:0px;background:#000000;color:#ffffff;}
.form-header * {color:#ffffff;}
form.fs1, form.fs1 * {font-size:11px;}  
form.fs1 input, form.fs1 button, .admin_css form.fs1 input[type='text'] {font-size:10px;padding:3px;border:0px;margin:0;line-height:10px;}



.gdpr-form {background:#ffffff;border-top:1px solid #cccccc;padding:12px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; }
.gdpr-form .gdpr-items {display:none;}
.gdpr-form.opened .gdpr-items {display:block;max-height:60vh;overflow:auto;overflow-x:hidden;}

.gdpr-form a, .gdpr-form button {float:left;margin-right:3px;line-height:12px;font-size:13px;font-weight:bold;box-sizing:border-box;padding:8px 7px;}
.gdpr-form a {background: #fecc00;color:#000000;}
.gdpr-form a.white {background:black;color:white;}
.gdpr-form .povolit { background:#67b809;color:#ffffff;}
.gdpr-form .c6 {padding:12px;}
@media (max-width: 600px) {
    .gdpr-form .c6 {width:100%;padding: 6px 0px;}
}

.table {display:table;}
.table-row {display:table-row;}
.table-row > * {display:table-cell;}
.table-cell {display:table-cell;}

 .table.kalkulacka {display: table; padding: 7px;border: 1px solid #eeeeee;box-shadow: 0px 3px 5px -5px #000000;margin: 0px 0px 5px;}

.info-12 {padding-top:6px;}
.info-12, .info-12 * {font-size:12px;font-weight:normal;}
.info-12 b, .info-12 strong {font-weight:bold;}

.kosik-voucher-box .submit { margin: 0px;padding: 9px; background: #aaaaaa; float: none;display: inline-block;}

.layer .img-square:before {padding-top:50%}
.layer .Obrazek, .layer .Dokosiku {width:100%;padding:0px;}

.Dokosiku .strong:nth-child(2) {color: #b50000;padding: 7px 0px;}


.layer-cw {position: relative;border: 1px solid #cccccc;border-top: 0px;box-shadow: 0px 2px 9px -7px #000000;} 


.like-radio, .dopravce-buttons > strong.like-radio {padding-left:41px;position:relative;min-height:21px;}
.like-radio:before {transition: all 200ms linear; content: ''; width: 21px; height: 21px; border: 1px solid #000000; border-radius: 21px; display: block;margin: auto 0;position: absolute; left: 8px; top: 0; bottom:0; z-index: 221; }
.like-radio:after {transition: all 200ms linear;  content: ''; width: 13px; height: 13px; background: #c4c4c4;       border-radius: 24px;display: block;margin: auto 0;position: absolute;left: 13px;top:0; bottom: 0;z-index: 222;}
.kosik-d-item:hover .like-radio:after {background:#999999;}
.like-radio.checked:before { border: 1px solid #000000; background: #000000; }
.like-radio.checked:after {    background: transparent;border: 4px solid #54c90b;width: 9px;top: -2px;left: 13px;height: 5px;border-radius: 0;transform: rotate(-45deg); border-right: 0; border-top: 0;}
.kosik-d-item:hover .like-radio.checked:after {background:transparent;}
.abs-o0 {opacity:0;position:absolute;top:0;bottom:0;right:0;left:0;z-index:350;display:block;width:100%;height:100%;margin:0;opacity:0;}

.kalk-reset {background:#000000;color:#ffffff;border-radius:2px;padding: 2px 6px;}