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

body, body *,.ff1 {font-family:'Montserrat',sans-serif;}
/* h1,h2,h3,h4,h5,h6,.ff2 {font-family:'Oswald',sans-serif;} */
h1,h2,h3,h4,h5,h6,.ff2 {font-weight: 300;}
form {position:relative;}

:focus-visible { outline: 0px; }

li p {margin:0;padding:0px;}

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, nav, section {box-sizing:border-box;}
blockquote {margin:0px;}
h1, h2, h3, h4, h5, h6 {margin:0px;}
 
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;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
.abs-h {position:absolute;top:0;left:0;width:100%;z-index:500;}

.pabs {position:absolute;}
.pfix {position:fixed;}
.prel {position:relative;}
.psta {position:static;}

.zi150 {z-index:150;}
.zi300 {z-index:300;}

.oh {overflow:hidden;}

.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;}
.fs10 {font-size:64px;}
.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;}

.ls1 {letter-spacing:0.1em;}


.br1, .br2, .br3, .br32 {overflow: hidden;}

.br1 {border-radius:4px;}
.br2 {border-radius:6px;}
.br3 {border-radius:8px;}
.br32 {border-radius:24px;}


.ghost1 {border: 1px solid #4f4f4f;}


/* FLEX */

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

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

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

.f020 {flex: 1 1 2%;}
.f05 {flex: 1 1 5%;}
.f15 {flex: 1 1 15%;}
.f25 {flex: 1 1 25%;}
.f35 {flex: 1 1 35%;}
.f45 {flex: 1 1 45%;}
.f55 {flex: 1 1 55%;}
.f65 {flex: 1 1 65%;}
.f75 {flex: 1 1 75%;}
.f85 {flex: 1 1 85%;}
.f95 {flex: 1 1 95%;}


.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;}
.wp015 {width: 12px;}
.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;}
.mw280 {max-width: 280px;}
.mw320 {max-width: 320px;}
.mw360 {max-width: 360px;}
.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;}

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

.wsn { white-space: nowrap;}

.fill {clear:both;width:100%;display:flex;}

/* 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;}
.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: #f1f1f1;}
.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:#ab057f;color:#ffffff;border:0px;cursor:pointer;transition: all 125ms ease-in;}
button:hover, .button:hover {background-color: #202020;}


.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;text-decoration:none;}
.cw {color: #ffffff;}

.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 {}
div.like-input.blue {background:#2196f3;}
div.like-input.blue, div.like-input.blue * {color:#ffffff;}

.like-input label {position:relative;left:2px;}



.layerfixed .like-input {background-color:transparent;border:1px solid #404040;border-radius:5px;}
.layerfixed .like-input *, .layerfixed .like-input input.is-text, .layerfixed .like-input select, .layerfixed .like-input textarea {border:0;background-color:transparent;color:#ffffff;}
.layerfixed .like-input input.is-text:-internal-autofill-selected {background-color:transparent;}
.layerfixed .chyba, .layerfixed .uspech, .layerfixed .info {background-color:transparent;border:1px solid #404040;border-radius:5px;}

.checkbox {display:flex;flex-wrap:wrap;align-items:center;justify-content: start;}
.checkbox input {display:flex;}
.checkbox span {display: flex;padding-top: 6px; top: 0px; padding-bottom: 9px;}

.bg-ch-1 {background-color:#414141;border-radius:6px;}


.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: #5fccfe;}
.tdn {text-decoration:none;}
.cbg {color:gray;background:#f1f1f1;}
.ib {font-weight:700;}

.gs8 {filter:grayscale(0.8);transition:all 200ms linear;opacity: 0.76;}
.gs8:hover {filter:grayscale(0);opacity: 1;}
.gs10 {filter:grayscale(1);transition:all 200ms linear;}
.gs10:hover {filter:grayscale(0);}

.vh50 {min-height:50vh;}
.vh60 {min-height:60vh;}
.vh65 {min-height:65vh;}
.vh70 {min-height:70vh;}
.vh80 {min-height:80vh;}
.vh90 {min-height:90vh;}
.vh100 {min-height:100vh;}

/* BOXES */

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

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

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

/* 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;}
.m6t {margin-top:80px;}
.m7t {margin-top:96px;}
.m8t {margin-top:112px;}
.m9t {margin-top:128px;}
.m10t {margin-top:144px;}

.mm1t {margin-top:-8px;}
.mm2t {margin-top:-16px;}
.mm3t {margin-top:-32px;}
.mm4t {margin-top:-48px;}
.mm5t {margin-top:-64px;}



.m1b {margin-bottom:8px;}
.m2b {margin-bottom:16px;}
.m3b {margin-bottom:32px;}
.m4b {margin-bottom:48px;}
.m5b {margin-bottom:64px;}
.m6b {margin-bottom:80px;}
.m7b {margin-bottom:96px;}
.m8b {margin-bottom:112px;}
.m9b {margin-bottom:128px;}
.m10b {margin-bottom:144px;}


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

.m01 {margin:1px;}
.m02 {margin:2px;}
.m03 {margin:3px;}
.m04 {margin:4px;}
.m05 {margin:5px;}
.m06 {margin:6px;}
.m07 {margin:7px;}

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

.m01b {margin-bottom:1px;}
.m02b {margin-bottom:2px;}
.m03b {margin-bottom:3px;}
.m04b {margin-bottom:4px;}
.m05b {margin-bottom:5px;}
.m06b {margin-bottom:6px;}
.m07b {margin-bottom:7px;}

.m01l {margin-left:1px;}
.m02l {margin-left:2px;}
.m03l {margin-left:3px;}
.m04l {margin-left:4px;}
.m05l {margin-left:5px;}
.m06l {margin-left:6px;}
.m07l {margin-left:7px;}

.m01r {margin-right:1px;}
.m02r {margin-right:2px;}
.m03r {margin-right:3px;}
.m04r {margin-right:4px;}
.m05r {margin-right:5px;}
.m06r {margin-right:6px;}
.m07r {margin-right:7px;}



/* 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;}
.bgs {background-color:#f1f1f1;}
.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;}

/* hlasenni  */

.chyba {padding:16px;text-align:center;background:#ffffff url('../im/icons/chyba.svg') no-repeat center 14px / 26px;padding-top:48px;width:100%;}
.uspech {padding:16px;text-align:center;background:#ffffff url('../im/icons/uspech.svg') no-repeat center 14px / 26px;padding-top:48px;width:100%;}
.info {padding:16px;text-align:center;background:#ffffff url('../im/icons/info.svg') no-repeat center 14px / 26px;padding-top:48px;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;}

.chyba.left.p2, .uspech.left.p2, .info.left.p2 {padding: 24px 24px 24px 59px;background-position: 21px center;}

main .chyba, main .uspech, main .info,
main .chyba.left, main .uspech.left, main .info.left {background-color:transparent;border:1px solid #4f4f4f;border-radius:8px;color:#f1f1f1;padding-left:58px;background-position: 15px center;width:100%;}
main .chyba *, main .uspech *, main .info *,
main .chyba.left *, main .uspech.left *, main .info.left *{color: #f1f1f1;}
/* 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;}

.full-abs {position:absolute;top:0;left:0px;width:100%;height:100%;}

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

svg {width:100%;}
/* 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;}
.icosh13 {height:75px;}
.icosh14 {height:80px;}
.icosh15 {height:85px;}

.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:auto;}
.layer.full .layer-head {border-bottom:1px solid #eeeeee;}

.layer.right {width:100%;background:#f1f1f1;height:100vh;overflow:auto;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:auto;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:auto;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%;bottom: calc(100% - 1px);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:0px;background:#ffffff;box-shadow:0px 0px 40px -20px #000000;box-shadow:0px 41px 40px -22px #0000005c, 0px 0px 26px -20px #000000;}
.layerfixed .head {position:relative;border-bottom:1px solid #dddddd;padding:8px 40px 8px 8px;background: #afbac3;font-weight:bold;}
.layerfixed .head a.layerfixed-close {position:absolute;top:0px;right:0px;padding: 9px;float: left;}
.layerfixed .head a.layerfixed-close img {width:13px;height:13px;}
.layerfixed .content {width:100%;max-height:65vh;padding:8px;overflow:auto;overflow-x:hidden;}

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

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


.ghost-input { background-color: transparent; border: 1px solid #404040; border-radius: 5px; color:#f1f1f1;}
.ghost-input option {background-color:#272727;}

/* 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;} }
@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%;}  
}

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