form {position:relative;}

:focus-visible { outline: 0px; }
body {line-height:1.5;}
body {width:100%;height:100%;padding:0;margin:0;border:0;}
article {display:block;}
ul, ol, li, div, span, strong, form, label, article, p, button, a.button, a.button-2, main, header, nav, section, aside, footer, h1, h2, h3, h4, h5, h6, figure, figcaption, form, a, input.is-text, textarea, blockquote {box-sizing:border-box;}
blockquote {margin:0px;}
h1, h2, h3, h4, h5, h6 {margin:0px;font-weight:400;}
 
h1::first-letter, h2::first-letter, h3::first-letter, h4::first-letter, h5::first-letter, h6::first-letter { text-transform: uppercase; }
h1 {font-size: 30px;letter-spacing: -0.05em;}
h2 {font-size: 24px;letter-spacing: -0.05em;}
h3 {font-size: 20px;letter-spacing: -0.05em;}
h4 {font-size: 16px;letter-spacing: -0.05em;}
.abs-h {position:absolute;top:0;left:0;width:100%;z-index:500;}

.fs, body {font-size:12px;font-size: 13px;line-height: 1.3;}

.fs1 {font-size:14px;}
.fs2 {font-size:16px;}
.fs3 {font-size:20px;}
.fs4 {font-size:24px;}
.fs5 {font-size:30px;}
.fs6 {font-size:36px;}
.fs7 {font-size:42px;}
.fs8 {font-size:48px;}
.fs9 {font-size:54px;}
.fs-small {font-size:11px;}

.fwe1 {font-weight:100;}
.fwe2 {font-weight:200;}
.fwe3 {font-weight:300;}
.fwe4 {font-weight:400;}
.fwe5 {font-weight:500;}
.fwe6 {font-weight:600;}
.fwe7 {font-weight:700;}
.fwe8 {font-weight:800;}
.fwe9 {font-weight:900;}

.ttuc {text-transform: uppercase;}

/* FLEX */

.wsn {white-space: nowrap;}

.f {display:flex;}
.fch > * {display:flex;}
.fcha * {display:flex;}

.fw {flex-wrap:wrap;}
.fr {flex-direction:row;}
.fc {flex-direction:column;}

.fauto {flex: 1 1 auto;}
.f0 {flex: 1;}
.f1 {flex: 1 1 10%;}
.f2 {flex: 1 1 20%;}
.f3 {flex: 1 1 30%;}
.f4 {flex: 1 1 40%;}
.f5 {flex: 1 1 50%;}
.f6 {flex: 1 1 60%;}
.f7 {flex: 1 1 70%;}
.f8 {flex: 1 1 80%;}
.f9 {flex: 1 1 90%;}
.f10 {flex: 1 1 100%;}

.fp1 {flex: 1 1 80px;}
.fp15 {flex: 1 1 128px;}
.fp2 {flex: 1 1 160px;}
.fp3 {flex: 1 1 240px;}
.fp4 {flex: 1 1 320px;}
.fp5 {flex: 1 1 400px}
.fp6 {flex: 1 1 480px;}
.fp7 {flex: 1 1 560px;}
.fp8 {flex: 1 1 640px;}
.fp9 {flex: 1 1 720px;}
.fp10 {flex: 1 1 800px;}

.w1 {width: 10%;}
.w2 {width: 20%;}
.w3 {width: 30%;}
.w4 {width: 40%;}
.w5 {width: 50%;}
.w6 {width: 60%;}
.w7 {width: 70%;}
.w8 {width: 80%;}
.w9 {width: 90%;}
.w10 {width: 100%;}

.wp {width: 128px;}
.wp01 {width: 8px;}
.wp02 {width: 16px;}
.wp03 {width: 24px;}
.wp04 {width: 32px;}
.wp05 {width: 40px;}
.wp06 {width: 48px;}
.wp07 {width: 56px;}
.wp08 {width: 64px;}
.wp09 {width: 72px;}
.wp1 {width: 80px;}
.wp2 {width: 160px;}
.wp3 {width: 240px;}
.wp4 {width: 320px;}
.wp5 {width: 400px}
.wp6 {width: 480px;}
.wp7 {width: 560px;}
.wp8 {width: 640px;}
.wp9 {width: 720px;}
.wp10 {width: 800px;}

.mw80 {max-width: 80px;}
.mw160 {max-width: 160px;}
.mw240 {max-width: 240px;}
.mw320 {max-width: 320px;}
.mw400 {max-width: 400px}
.mw480 {max-width: 480px;}
.mw560 {max-width: 560px;}
.mw640 {max-width: 640px;}
.mw720 {max-width: 720px;}
.mw800 {max-width: 800px;}
    
.mh80 {max-height: 80px;}
.mh160 {max-height: 160px;}
.mh240 {max-height: 240px;}
.mh320 {max-height: 320px;}
.mh400 {max-height: 400px}
.mh480 {max-height: 480px;}
.mh560 {max-height: 560px;}
.mh640 {max-height: 640px;}
.mh720 {max-height: 720px;}
.mh800 {max-height: 800px;}

.mih80 {min-height: 80px;}
.mih160 {min-height: 160px;}
.mih240 {min-height: 240px;}
.mih320 {min-height: 320px;}
.mih400 {min-height: 400px}
.mih480 {min-height: 480px;}
.mih560 {min-height: 560px;}
.mih640 {min-height: 640px;}
.mih720 {min-height: 720px;}
.mih800 {min-height: 800px;}

.ais {align-items:start;}
.aic {align-items:center;}
.aie {align-items:end;}
.aist {align-items:stretch;}

.ch-aic * {align-items:center;}

.asst {align-self:stretch;}
.ass {align-self:start;}
.asc {align-self:center;}
.ase {align-self:end;}

.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.tj {text-align:justify;}

.jcs {justify-content:start;}
.jcc {justify-content:center;}
.jce {justify-content:end;}
.jcst {justify-content:stretch;}
.jcsa {justify-content:space-around;}
.jcsb {justify-content:space-between;}


.gap01 {gap:1px;}
.gap02 {gap:2px;}
.gap03 {gap:3px;}
.gap04 {gap:4px;}
.gap05 {gap:5px;}
.gap06 {gap:6px;}
.gap07 {gap:7px;}
.gap08 {gap:8px;}
.gap09 {gap:9px;}
.gap010 {gap:10px;}

.gap {gap:4px;}
.gap1 {gap:8px;}
.gap2 {gap:16px;}
.gap3 {gap:24px;}
.gap4 {gap:32px;}
.gap5 {gap:40px;}
.gap6 {gap:48px;}
.gap7 {gap:56px;}
.gap8 {gap:64px;}

.ch-gap > * {gap:4px;}
.ch-gap1 > * {gap:8px;}
.ch-gap2 > * {gap:16px;}
.ch-gap3 > * {gap:24px;}
.ch-gap4 > * {gap:32px;}
.ch-gap5 > * {gap:40px;}
.ch-gap6 > * {gap:48px;}
.ch-gap7 > * {gap:56px;}
.ch-gap8 > * {gap:64px;}



.tdn {text-decoration:none;}

/* FORM */

.label {cursor:pointer;}
.label input[type='text'],
.label input[type='password'],
.label input[type='number'] {max-width:100%;}

.chb {display:flex;flex-direction:row;flex-wrap:nowrap;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-bottom:3px;padding-right:12px; }
.chb input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.chb > span {min-height: 25px;padding-left:30px;align-items:center;justify-content: center;display:flex;}
.chb > span:before {border-radius:13px;display:flex;width:21px;height:21px;content:'';background-color: #ffffff;border: 1px solid #939393;position:absolute;top:2px;left:0;}
.chb:hover input ~ span:before {background-color: #ccc;border: 0px;}
.chb input:checked ~ span:before {background-color: #313131;border: 0px;}
.chb span:after {content: ""; position: absolute;display: none;}
.chb input:checked ~ span:after { display: block;}
.chb span:after {left: 7px;top: 5px; width: 4px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.chb span strong {display: flex;border: 1px solid #dddddd;color: #000000;border-radius: 12px;padding: 5px;font-size: 11px;line-height: 10px; margin-left: 4px;}
.chb > span:before {background-color: #ffffff;}
.chb:hover input ~ span:before {background-color: #e6b012;}
.chb.with-image {display:flex;flex-direction:column;}
.chb.with-image > * {display:flex;}
.chb.with-image > span {width: 100%;position: relative;padding: 0;}
.chb.with-image {padding:0px;margin:0;border: 1px solid #d4d0c3;box-shadow: 4px 4px 5px -8px #000000;border-radius: 1px;}
.chb.with-image > span:before {z-index:150;border-radius:13px;display:flex;width:25px;height:25px;content:'';background-color: #eeeeee;position:absolute;top: 14px; left: -14px; margin: 0;}
.chb.with-image > span:after {z-index:152;left: -5px;top: 19px; margin: 0;}
.chb.with-image span strong { display: flex;display: none;color: #c6c6c6;border-radius: 12px;padding: 5px;font-size: 12px;line-height: 12px;} 

button, .button, .button-2 {font-weight:700;text-decoration:none;}
button, .button {background:#313131;color:#ffffff;border:0px;cursor:pointer;}

.button-ghost {border:1px solid #cccccc;border-radius:2px;color:#666666;text-decoration: none;line-height: 1;}
.button-ghost:hover {background-color:#313131;color:#ffffff;border:1px solid #313131;}
.b-red {border: 2px solid #ff9800;}

.button-red {background-color:#ff9800;}

.like-input {background-color:#ffffff;}
div.like-input {border: 1px solid #eae7dd;border-radius:4px;margin:0;box-shadow: 4px 4px 5px -8px #000000;}
.like-input *, .like-input input.is-text, .like-input select, .like-input textarea {border:0;box-shadow: 0px 0px 0px 0px #ffffff;}
.like-input label {font-weight:bold;min-width: max-content;font-size:12px;}
.like-input .is-text, .like-input select {padding:8px 8px 8px 0px;}
div.like-input.blue {background:#2196f3;}
div.like-input.blue, div.like-input.blue * {color:#ffffff;}

.checkbox {display:flex;flex-wrap:wrap;align-items:center;justify-content: start;}
.checkbox input {display:flex;}
.checkbox span {display:flex;padding-top:9px;position:relative;top:-2px;}

.like-radio {position:relative;padding-right:60px;}
.like-radio.on {color:#4caf50;}
.like-radio.off {color:orange;}
.like-radio:before {margin:auto 4px auto auto;width:50px;height:26px;border-radius:26px;background:orange;}
.like-radio:after {margin:auto 30px auto auto;width:20px;height:20px;border-radius:20px;border:2px solid #ffffff;box-sizing: border-box;background:#0000002c;}
.like-radio:before, .like-radio:after {content:'';position:absolute;top:0;bottom:0;right:0;transition: all 200ms linear;}
.like-radio.on:before {background:#4caf50;}
.like-radio.on:after {margin-right:8px;}

.but2 {border:1px solid #ffffff;border-radius: 3px;color:red;text-decoration:none;display:flex;padding:12px;font-weight:800;}
.but2 * {color:red;}
.but3 {background-color:#e6b012;border:0;border-radius: 3px;color:#ffffff;text-decoration:none;display:flex;padding:12px 16px;font-weight:800;background:radial-gradient(#e6b012, #dba70f);box-shadow:inset 2px 2px 2px 0px #ffffff4f, inset -2px -1px 2px 0px #00000017;}
.but3 * {color:#ffffff;}

.cbl {color:#03a9f4;}
.tdn {text-decoration:none;}
.cbg {color:gray;background:#f1f1f1;}
.ib {font-weight:700;}

/* BOXES */

.box1 {padding:8px;}
.box2 {padding:16px;}
.box3 {padding:32px;}
.box4 {padding:48px;}
.box5 {padding:64px;}


/* input padding */
.inp1 input[type='text'], .inp1 input[type='password'], .inp1 select, .inp1 textarea {padding:8px;}
.inp2 input[type='text'], .inp2 input[type='password'], .inp2 select, .inp2 textarea {padding:16px;}
.inp3 input[type='text'], .inp3 input[type='password'], .inp3 select, .inp3 textarea {padding:24px;}



/* paddings */
.p1 {padding:8px;}
.p2 {padding:16px;}
.p3 {padding:32px;}
.p4 {padding:48px;}
.p5 {padding:64px;}

.p1t {padding-top:8px;}
.p2t {padding-top:16px;}
.p3t {padding-top:32px;}
.p4t {padding-top:48px;}
.p5t {padding-top:64px;}

.p1b {padding-bottom:8px;}
.p2b {padding-bottom:16px;}
.p3b {padding-bottom:32px;}
.p4b {padding-bottom:48px;}
.p5b {padding-bottom:64px;}

.p1l {padding-left:8px;}
.p2l {padding-left:16px;}
.p3l {padding-left:32px;}
.p4l {padding-left:48px;}
.p5l {padding-left:64px;}

.p1r {padding-right:8px;}
.p2r {padding-right:16px;}
.p3r {padding-right:32px;}
.p4r {padding-right:48px;}
.p5r {padding-right:64px;}

.p01 {padding:1px;}
.p02 {padding:2px;}
.p03 {padding:3px;}
.p04 {padding:4px;}
.p05 {padding:5px;}
.p06 {padding:6px;}
.p07 {padding:7px;}
.p08 {padding:8px;}
.p09 {padding:9px;}
.p010 {padding:10px;}
.p011 {padding:11px;}
.p012 {padding:12px;}
.p013 {padding:13px;}
.p014 {padding:14px;}
.p015 {padding:15px;}

.p01t {padding-top:1px;}
.p02t {padding-top:2px;}
.p03t {padding-top:3px;}
.p04t {padding-top:4px;}
.p05t {padding-top:5px;}
.p06t {padding-top:6px;}
.p07t {padding-top:7px;}

.p01b {padding-bottom:1px;}
.p02b {padding-bottom:2px;}
.p03b {padding-bottom:3px;}
.p04b {padding-bottom:4px;}
.p05b {padding-bottom:5px;}
.p06b {padding-bottom:6px;}
.p07b {padding-bottom:7px;}

.p01l {padding-left:1px;}
.p02l {padding-left:2px;}
.p03l {padding-left:3px;}
.p04l {padding-left:4px;}
.p05l {padding-left:5px;}
.p06l {padding-left:6px;}
.p07l {padding-left:7px;}

.p01r {padding-right:1px;}
.p02r {padding-right:2px;}
.p03r {padding-right:3px;}
.p04r {padding-right:4px;}
.p05r {padding-right:5px;}
.p06r {padding-right:6px;}
.p07r {padding-right:7px;}

/* children paddings */
.chp1 > * {padding:8px;}
.chp2 > * {padding:16px;}
.chp3 > * {padding:32px;}
.chp4 > * {padding:48px;}
.chp5 > * {padding:64px;}

.chp1t > * {padding-top:8px;}
.chp2t > * {padding-top:16px;}
.chp3t > * {padding-top:32px;}
.chp4t > * {padding-top:48px;}
.chp5t > * {padding-top:64px;}

.chp1b > * {padding-bottom:8px;}
.chp2b > * {padding-bottom:16px;}
.chp3b > * {padding-bottom:32px;}
.chp4b > * {padding-bottom:48px;}
.chp5b > * {padding-bottom:64px;}

.chp1l > * {padding-left:8px;}
.chp2l > * {padding-left:16px;}
.chp3l > * {padding-left:32px;}
.chp4l > * {padding-left:48px;}
.chp5l > * {padding-left:64px;}

.chp1r > * {padding-right:8px;}
.chp2r > * {padding-right:16px;}
.chp3r > * {padding-right:32px;}
.chp4r > * {padding-right:48px;}
.chp5r > * {padding-right:64px;}

.chp01 > * {padding:1px;}
.chp02 > * {padding:2px;}
.chp03 > * {padding:3px;}
.chp04 > * {padding:4px;}
.chp05 > * {padding:5px;}
.chp06 > * {padding:6px;}
.chp07 > * {padding:7px;}

.chp01t > * {padding-top:1px;}
.chp02t > * {padding-top:2px;}
.chp03t > * {padding-top:3px;}
.chp04t > * {padding-top:4px;}
.chp05t > * {padding-top:5px;}
.chp06t > * {padding-top:6px;}
.chp07t > * {padding-top:7px;}

.chp01b > * {padding-bottom:1px;}
.chp02b > * {padding-bottom:2px;}
.chp03b > * {padding-bottom:3px;}
.chp04b > * {padding-bottom:4px;}
.chp05b > * {padding-bottom:5px;}
.chp06b > * {padding-bottom:6px;}
.chp07b > * {padding-bottom:7px;}

.chp01l > * {padding-left:1px;}
.chp02l > * {padding-left:2px;}
.chp03l > * {padding-left:3px;}
.chp04l > * {padding-left:4px;}
.chp05l > * {padding-left:5px;}
.chp06l > * {padding-left:6px;}
.chp07l > * {padding-left:7px;}

.chp01r > * {padding-right:1px;}
.chp02r > * {padding-right:2px;}
.chp03r > * {padding-right:3px;}
.chp04r > * {padding-right:4px;}
.chp05r > * {padding-right:5px;}
.chp06r > * {padding-right:6px;}
.chp07r > * {padding-right:7px;}

/* input children padding */

.i-p1 > * {padding:4px;}
.i-p2 > * {padding:8px;}
.i-p3 > * {padding:12px;}
.i-p4 > * {padding:16px;}
input.datepicker { min-width: 104px; }

/* margins */
.m1 {margin:8px;}
.m2 {margin:16px;}
.m3 {margin:32px;}
.m4 {margin:48px;}
.m5 {margin:64px;}

.m1t {margin-top:8px;}
.m2t {margin-top:16px;}
.m3t {margin-top:32px;}
.m4t {margin-top:48px;}
.m5t {margin-top:64px;}

.m1b {margin-bottom:8px;}
.m2b {margin-bottom:16px;}
.m3b {margin-bottom:32px;}
.m4b {margin-bottom:48px;}
.m5b {margin-bottom:64px;}

.m1l {margin-left:8px;}
.m2l {margin-left:16px;}
.m3l {margin-left:32px;}
.m4l {margin-left:48px;}
.m5l {margin-left:64px;}

.m1r {margin-right:8px;}
.m2r {margin-right:16px;}
.m3r {margin-right:32px;}
.m4r {margin-right:48px;}
.m5r {margin-right:64px;}



.m01t {margin-top:1px;}
.m02t {margin-top:2px;}
.m03t {margin-top:3px;}
.m04t {margin-top:4px;}
.m05t {margin-top:5px;}
.m06t {margin-top:6px;}
.m07t {margin-top:7px;}
.m08t {margin-top:8px;}
.m09t {margin-top:9px;}
.m010t {margin-top:10px;}



/* children margin */

.chm1 > * {margin:8px;}
.chm2 > * {margin:16px;}
.chm3 > * {margin:32px;}
.chm4 > * {margin:48px;}
.chm5 > * {margin:64px;}

.chm1t > * {margin-top:8px;}
.chm2t > * {margin-top:16px;}
.chm3t > * {margin-top:32px;}
.chm4t > * {margin-top:48px;}
.chm5t > * {margin-top:64px;}

.chm1b > * {margin-bottom:8px;}
.chm2b > * {margin-bottom:16px;}
.chm3b > * {margin-bottom:32px;}
.chm4b > * {margin-bottom:48px;}
.chm5b > * {margin-bottom:64px;}

.chm1l > * {margin-left:8px;}
.chm2l > * {margin-left:16px;}
.chm3l > * {margin-left:32px;}
.chm4l > * {margin-left:48px;}
.chm5l > * {margin-left:64px;}

.chm1r > * {margin-right:8px;}
.chm2r > * {margin-right:16px;}
.chm3r > * {margin-right:32px;}
.chm4r > * {margin-right:48px;}
.chm5r > * {margin-right:64px;}


/* minheight */

 .mvh50 {max-height:50vh;}
 .oay {overflow-y: auto;-webkit-overflow-scrolling: touch;}


/* margin children warp */

.m1tw > *:nth-child(1) {margin-top: 8px;}
.m01tw > *:nth-child(1) {margin-top: 1px;}
.m02tw > *:nth-child(1) {margin-top: 2px;}
.m03tw > *:nth-child(1) {margin-top: 3px;}
.m04tw > *:nth-child(1) {margin-top: 4px;}
.m05tw > *:nth-child(1) {margin-top: 5px;}
.m06tw > *:nth-child(1) {margin-top: 6px;}
.m07tw > *:nth-child(1) {margin-top: 7px;}
.m1tw > *:nth-child(1) {margin-top: 8px;}


/* borders */

.b1-s {border:1px solid #dddddd;}
.b1b-s {border-bottom:1px solid #dddddd;}

/* barvy */

.hide-wrap {display:none;}
.hide-wrap.active {display:flex;}
.bgw {background-color:#ffffff;border-bottom:1px solid #eeeeee;}
.bw {background-color:#ffffff;}
.bs {background-color: #f4f1e8;background: linear-gradient(180deg, #f4f1e8, transparent);}
.bb {border-bottom: 1px solid #f1f1f1;}
.bt {border-top: 1px solid #f1f1f1;}
.bi {border: 1px solid #d4d0c3;box-shadow: 4px 4px 5px -8px #000000;border-radius: 1px;}
.sha1 {box-shadow:4px 4px 24px -28px #000000, 4px -28px 85px -54px #000000;}
.bored {border: 1px solid red;}

.bc1 {border-color:#404040;}
.bc2 {border-color:#25255e;}

/* hlasenni  */

.chyba {padding:16px;text-align:center;background:#ffffff url('../im/icons/chyba.svg') no-repeat center 15px / 26px;padding-top:51px;width:100%;}
.uspech {padding:16px;text-align:center;background:#ffffff url('../im/icons/uspech.svg') no-repeat center 15px / 26px;padding-top:51px;width:100%;}
.info {padding:16px;text-align:center;background:#ffffff url('../im/icons/info.svg') no-repeat center 15px / 26px;padding-top:51px;width:100%;}
.chyba.left {text-align:left;background:#ffffff url('../im/icons/chyba.svg') no-repeat 4px center / 26px;padding-left: 42px;padding-top: 13px;padding-bottom: 14px;}
.uspech.left {text-align:left;background:#ffffff url('../im/icons/uspech.svg') no-repeat 4px center / 26px;padding-left: 42px;padding-top: 13px; padding-bottom: 14px;}
.info.left {text-align:left;background:#ffffff url('../im/icons/info.svg') no-repeat 4px center / 26px;padding-left: 42px;padding-top: 13px; padding-bottom: 14px;}

/* margin vs padding */

.mp0 {margin:0;padding:0;}

/* lineheight */

.lh1 {line-height:1;} .lh2 {line-height:1.25;} .lh3 {line-height:1.5;}
.lh11 {line-height:1.1;}

.wsn {white-space: nowrap;}

.full-abs {position:absolute;top:0;left:0px;width:100%;height:100%;}
.abs-center {background:#0000001a;color:#ffffff;position:absolute;top:0;left:0px;width:100%;height:100%;display:flex;justify-content: center;align-items: center;}
.abs-bottom {background:#0000001a;color:#ffffff;position:absolute;top:0;left:0px;width:100%;height:100%;display:flex;justify-content: center;align-items: end;}

/* OPACITY */

.o0 {opacity:0;}
.o1 {opacity:0.1;}
.o2 {opacity:0.2;}
.o3 {opacity:0.3;}
.o4 {opacity:0.4;}
.o5 {opacity:0.5;}
.o6 {opacity:0.6;}
.o7 {opacity:0.7;}
.o8 {opacity:0.8;}
.o9 {opacity:0.9;}
.o,.o10 {opacity:1;}

/* POSITIONS */

.abs {position:absolute;}
.fix {position:fixed;}
.rel {position:relative;}
.stat {position:static;}

/* EFFECTS */

.is-loading-2 {opacity:0.6;filter:blur(10px);transition:all 75ms ease-in;}
.blur-remove { transition:all 200ms linear;opacity:0;filter:blur(200px); }

.loading-fixed {z-index:10500;display:flex;position:fixed;top:0px;left:0px;width:100%;height:100vh;background:transparent;background:#fffffff7;justify-content: center;align-items: center;flex-direction: column;}
.loading-fixed > div {display:flex;padding-top:64px;width:280px;text-align:center;font-size:14px;font-weight:700;align-items: end;justify-content: center;}
.fa-loading > div {background: transparent url(../im/corporate/fa-loading.svg) no-repeat center 10px / 64px;}


/* OTHER */

form.is-menu {display:block;}

.file-upload {width:100%;border-radius: 5px; border: 3px dashed #eeeeee;position:relative;min-width:280px;background-color:#ffffff;cursor:pointer;}
.file-upload:hover {border-color: #e6b012;}
.file-upload input {opacity:0;height:0;width:0;margin:0;padding:0;position: absolute;}
.file-upload .drop {font-size:12px;padding:20px;text-align:center}
.file-upload .upload-info {}
.file-upload .default {}
.up-file-item * {font-size:11px;}


/* JQUERY UI */
.filtr-fi {padding-bottom:15px;}
.is-slider input {display:none;}
.is-slider-value {pointer-events:none;position: absolute; z-index: 199;display: block;width: 100%;top: 17px;}
.is-slider-value .min {float:left;}
.is-slider-value .max {float:right;}
.ui-widget-header {border: 1px solid #313131;background: #efefef;}
.ui-widget.ui-widget-content {border: 1px solid #313131;}

.ui-state-default, .ui-widget-content .ui-state-default {border: 1px solid #c8c3b5;background: #ffffff;top: -8px;height: 21px;width: 21px;border-radius: 12px;text-align:center;}
.ui-datepicker-today .ui-state-default {border:2px solid #313131;color:#313131;}
.ui-widget-content .ui-state-active {background:#313131;color:#ffffff;}
.ui-datepicker-today .ui-state-active {background:#313131;color:#ffffff;}

/* icons */

.icos {width:10px;}
.icos1 {width:15px;}
.icos2 {width:20px;}
.icos3 {width:25px;}
.icos4 {width:30px;}
.icos5 {width:35px;}
.icos6 {width:40px;}
.icos7 {width:45px;}
.icos8 {width:50px;}
.icos9 {width:55px;}
.icos10 {width:60px;}
.icos11 {width:65px;}
.icos12 {width:70px;}

.icosh {height:10px;}
.icosh1 {height:15px;}
.icosh2 {height:20px;}
.icosh3 {height:25px;}
.icosh4 {height:30px;}
.icosh5 {height:35px;}
.icosh6 {height:40px;}
.icosh7 {height:45px;}
.icosh8 {height:50px;}
.icosh9 {height:55px;}
.icosh10 {height:60px;}
.icosh11 {height:65px;}
.icosh12 {height:70px;}


.main > .mh100, .mh100 {min-height:100vh;min-height:calc(100vh - 156px);}

.mh20 {min-height:20vh;}
.mh25 {min-height:25vh;}
.mh33 {min-height:33vh;}
.mh50 {min-height:50vh;}


.ico-arr { background-image: url(../im/icons/arr1.svg); background-repeat: no-repeat; }
.ico-arl { background-image: url(../im/icons/arl.svg); background-repeat: no-repeat; }
.ico-weight { background-image: url(../im/icons/weight.svg); background-repeat: no-repeat; }

.icolc {background-position: left center;}
.icorc {background-position: right center;}

.icol-small {background-size: 7px;padding-left:21px;}
.icor-small {background-size: 7px;padding-right:21px;}
.icol {background-size: 10px;padding-left:21px;}
.icor {background-size: 10px;padding-right:21px;}
.icol1 {background-size: 20px;padding-left:25px;}
.icor1 {background-size: 20px;padding-right:25px;}
.icol2 {background-size: 25px;padding-left:30px;}
.icor2 {background-size: 25px;padding-right:30px;}
.icol3 {background-size: 32px;padding-left:37px;}
.icor3 {background-size: 32px;padding-right:37px;}


.auth-box {display:flex;}
.js-time-counter {font-size:20px;color:silver;}
.odpocet-wrap {position:relative;padding:36px;width: 100%;display: flex;justify-content: center;}
.odpocet {background:black;color:white;font-size:30px;width:64px;height:64px;overflow:hidden;display:flex;justify-content: center;align-items: center;border-radius:64px;position:absolute;top:-87px;bottom:0;left:0;right:0;margin:auto;}
.reload .odpocet {font-size:16px;width:auto;height:auto;display:inline;border-radius:2px;position:relative;top:6px;bottom:auto;left:auto;right:auto;color:#000000;padding:4px;background-color:#2fdabb;line-height:1;}

/** LAYER  CLOSER **/

.layer {position:fixed;top:0;left:0;z-index:22222;}
.layer-wrap {width:100%;position:relative;}
.layer-head {width:100%;position:relative;padding-left:13px;padding-right:13px;}
.layer-val {width:100%;padding:0px;min-height:90vh;border:1px solid #eeeeee;border-top:0px;background:#f1f1f1;}
.layer.full {width:100%;background:#ffffff;height:100vh;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.layer.full .layer-head {border-bottom:1px solid #eeeeee;}

.layer.right {width:100%;background:#f1f1f1;height:100vh;overflow-y: auto;-webkit-overflow-scrolling: touch;display:flex;gap:0px;}
.layer.right .layer-head {z-index:1000;padding-top:48px;justify-content: start;background:#ffffff;border:0px;border-left:1px solid #eeeeee;width:290px;display:flex;order:2;flex-direction:column;}
.layer.right .layer-val {display:flex;order:1;width:50%;width:calc(100% - 290px);position: relative;}
.layer.right .layer-wrap {width:100%;background:#f1f1f1;height:100vh;overflow-y: auto;-webkit-overflow-scrolling: touch;display:flex;gap:0px;}
.layer.right .closer {position:absolute;right:0px;top:0px;}
.layer.right .layer-head img {width:24px;height:24px;}

.layer.little {width:100%;background:#f1f1f1;height:auto;width:50%;max-width:640px;max-height:640px;overflow:hidden;bottom:0;right:0;margin:auto;background:#ffffff;box-shadow: 0px 0px 30px -20px #000000;}
.layer.little .layer-wrap {max-height:640px;overflow:hidden;background:transparent;}
.layer.little .layer-head {width:100%;padding-left:13px;padding-right:13px;height:48px;border-bottom: 1px solid #dddddd;}
.layer.little .layer-val {width:100%;max-height:592px;min-height:1px;overflow-y: auto;-webkit-overflow-scrolling: touch;background:transparent;}
.layer.little .layer-head .closer {position:relative;top:2px;}

.layer.right .layer-head img.full-img {height:auto;width:100%;}
.layer.right .layer-head img.full-img {border:1px solid #cccccc;}

/* .layerfixed */
.layerfixed:before {content:'';display:block;position:absolute;left:calc(50% - 15px);bottom:100%;margin-top:1px;width:30px;height:15px;background:transparent url(../im/icons/layerfixed.svg) no-repeat left bottom / 30px;}
.layerfixed {position:absolute;top: 0px;left: 0px;width:990px;height:auto;z-index:9999;border:1px solid #dddddd;background:#ffffff;box-shadow:0px 0px 40px -20px #000000;}
.layerfixed .head {position:relative;border-bottom:0;background: #f1f1f1;font-weight:bold;}
.layerfixed .head a.layerfixed-close {position:absolute;top:0px;right:0px;border-left:1px solid #dddddd;padding:8px;height: 100%;padding-right: 28px;}
.layerfixed .head a.layerfixed-close img {width:13px;height:13px;}
.layerfixed .content {width:100%;max-height:65vh;padding-bottom:10vh;overflow-y: auto;-webkit-overflow-scrolling: touch;}

.hide {display: none !important;}

.is-fixed {position:fixed;z-index:1500;left:0px;width:100%;transition:all 150ms linear;}
.auto-fixed-before {display:none;}
.auto-fixed-before.show {display:block;}


.br1 {border-radius:2px;}
.br2 {border-radius:4px;}
.br3 {border-radius:6px;}
.br4 {border-radius:8px;}
.br5 {border-radius:10px;}
.br6 {border-radius:12px;}
.br7 {border-radius:14px;}
.br8 {border-radius:16px;}
.br9 {border-radius:18px;}
.br10 {border-radius:20px;}


header {position: relative;z-index:2500;}

/* TINS */
/*
.tin {padding-left:64px;padding-right:64px;}
.tin {padding-left:calc(50% - 640px);padding-right:calc(50% - 640px);}

@media (max-width: 1366px) { .tin {padding-left:calc(50% - 540px);padding-right:calc(50% - 540px);} }
@media (max-width: 1200px) { .tin {padding-left:calc(50% - 540px);padding-right:calc(50% - 540px);} }
@media (max-width: 1200px) { .tin {padding-left:64px;padding-right:64px;} }
@media (max-width: 800px) { .tin {padding-left:30px;padding-right:30px;} } */

.tin {padding-left:64px;padding-right:64px;}
.tin {padding-left:calc(50% - 276px);padding-right:calc(50% - 276px);}

@media (max-width: 600px) { .tin {padding-left:24px;padding-right:24px;} }
@media (max-width: 400px) { .tin {padding-left:20px;padding-right:20px;} }
@media (max-width: 360px) { .tin {padding-left:18px;padding-right:18px;} }
@media (max-width: 340px) { .tin {padding-left:13px;padding-right:13px;} }


.tin-2 {padding-left:calc(50% - 320px);padding-right:calc(50% - 320px);}
@media (max-width: 768px) { .tin-2 {padding-left:64px;padding-right:64px;} }
@media (max-width: 600px) { .tin-2 {padding-left:24px;padding-right:24px;} }
@media (max-width: 400px) { .tin-2 {padding-left:20px;padding-right:20px;} }
@media (max-width: 360px) { .tin-2 {padding-left:18px;padding-right:18px;} }
@media (max-width: 340px) { .tin-2 {padding-left:13px;padding-right:13px;} }

.m-tin {margin-left:64px;margin-right:64px;}
.m-tin {margin-left:calc(50% - 640px);margin-right:calc(50% - 640px);width:1280px;}
@media (max-width: 1366px) { .m-tin {margin-left:calc(50% - 540px);margin-right:calc(50% - 540px);width:1080px;} }
@media (max-width: 1200px) { .m-tin {margin-left:calc(50% - 540px);margin-right:calc(50% - 540px);width:1080px;} }
@media (max-width: 1200px) { .m-tin {margin-left:64px;margin-right:64px; width:80%;width:calc(100% - 128px);} }
@media (max-width: 800px) { .m-tin {margin-left:30px;margin-right:30px; width:80%;width:calc(100% - 60px);} }
@media (max-width: 600px) { .m-tin {margin-left:24px;margin-right:24px; width:80%;width:calc(100% - 48px);} }
@media (max-width: 400px) { .m-tin {margin-left:20px;margin-right:20px; width:80%;width:calc(100% - 40px);} }
@media (max-width: 360px) { .m-tin {margin-left:18px;margin-right:18px; width:80%;width:calc(100% - 36px);} }
@media (max-width: 340px) { .m-tin {margin-left:13px;margin-right:13px; width:80%;width:calc(100% - 26px);} }



/* RESPO SHOW from down */ 
.r1080, .r960,.r800,
.r768,.r640,.r480,
.r420,.r380,.r320 {display:none;}
@media (min-width: 1081px) { 
    .r1080 {display:flex;} 
    .menu .menu-made.active {display:none;}
}
@media (min-width: 961px) { .r960 {display:flex;} }
@media (min-width: 801px) { .r800 {display:flex;} }
@media (min-width: 769px) { .r768 {display:flex;} }
@media (min-width: 641px) { .r640 {display:flex;} }
@media (min-width: 481px) { .r480 {display:flex;} }
@media (min-width: 421px) { .r420 {display:flex;} }
@media (min-width: 381px) { .r380 {display:flex;} }
@media (min-width: 321px) { .r320 {display:flex;} }

/* RESPO HIDE to from up */ 
.rh1080, .rh960,.rh800,
.rh768,.rh640,.rh480,
.rh420,.rh380,.rh320 {display:none;}
@media (max-width: 1080px) {.rh1080 {display:block;}.rh1080.f {display:flex;}}
@media (max-width: 960px) { .rh960 {display:block;} .rh960.f {display:flex;}}
@media (max-width: 800px) { .rh800 {display:block;} .rh800.f {display:flex;}}
@media (max-width: 768px) {.rh768 {display:block;} .rh768.f {display:flex;}}
@media (max-width: 640px) { .rh640 {display:block;} .rh640.f {display:flex;}}
@media (max-width: 480px) { .rh480 {display:block;} .rh480.f {display:flex;}}
@media (max-width: 420px) { .rh420 {display:block;} .rh420.f {display:flex;}}
@media (max-width: 380px) { .rh380 {display:block;} .r380h.f {display:flex;}}
@media (max-width: 320px) { .rh320 {display:block;} .rh320.f {display:flex;}}

/* OTHERS */

@media (max-width: 1200px) {
    .f4-1200 {flex: 1 1 40%;}
}

@media (max-width: 1080px) {
    .fw1080 {flex-direction: unset;flex-wrap:wrap;}
    .f0-1080 {flex:1;}
    .f2-1080 {flex:1 1 20%;}
    .f3-1080 {flex:1 1 30%;}
    .f4-1080 {flex:1 1 40%;}
    .fp2-1080 {flex: 1 1 160px;}
    .fp3-1080 {flex: 1 1 240px;}
    .fp4-1080 {flex: 1 1 320px;}
    .jcc-1080 {justify-content: center;}
    .fs4-1080 {font-size:24px;}
}

@media (max-width: 960px) {
    .fc960 {flex-direction: column;flex-wrap:nowrap;}
    .w10-960 {width:100%;}
    .fw-960 {flex-wrap: wrap;flex-direction: unset;}
    .jcc-960 {justify-content: center;}
}

@media (max-width: 800px) {
    .f2-800 {flex: 1 1 20%;}
    .f4-800 {flex: 1 1 40%;} 
    .w10-800 {width:100%;}
}

@media (max-width: 768px) {
    .f10-768 {flex: 1 1 100%;} 
    .w10-768 {width: 100%;} 
    .p0b-768 {padding-bottom:0px;}
    .p0t-768 {padding-top:0px;}
}

@media (max-width: 640px) {
    .w10-640 {width:100%;}
}

@media (max-width: 480px) {
    .w10-480 {width: 100%;}  
    .wp5 {width: 100%;}
}

@media (max-width: 380px) {
    .f10-380 {flex: 1 1 100%;}
}