@charset "utf-8";
@import "https://use.typekit.net/lct2vsz.css";

:root {
	--bg:#f9f9f9;
	--bg2:#f4f4f4;
	--sortbg:#e5e5e5;
	--white:#fff;
	--color:#d86d21;
	--color2:#194731;
	--secondary:#808080;
	--grey:#d3d1d1;
	--black:#111a16;
	--text:#000;
	--dis:#ccc;
	--error:#F00;
	--input-border: 1px solid #d86d21;
	--shadow: rgba(230, 230, 230, 0.5) 0 10px 25px 0;
	--shadowh: hsla(0,0%,90.2%,.5) 0 10px 25px;
	--shadow-btn: 2px 2px 7px #0003;
	--shadow-btn2: 0px 0px 5px #0003;
	--slidershadow: 0px 1px 3px #0006;
	--shadow-err: 0 0 5px #F00;
	--slider:#1f4dcc;
	--remove:#aaa;
	--removeh:#d00;
	
	--c-heading:var(--color2);
	--c-text:var(--text);
	--c-a:var(--color2);
	--c-ah:var(--color);
	--c-border:var(--color);
	--white50:#fff8;
	--black50:#000a;
}
*{box-sizing:border-box;}
html{height:100%;width:100%;overflow-x: hidden;}
body{margin:0;font-size:14px;color:var(--c-text);background-color:var(--bg);font-family:proxima-nova, sans-serif;font-weight:normal;box-sizing:border-box;
width:100%;padding:0;overflow-x: hidden;
display: flex;flex-direction: column;height:100%;}

h1{font-size:3em;margin:.3em 0 .2em 0;color:var(--c-heading);}
h2{font-size:2.4em;margin:.8em 0 .2em 0;color:var(--c-heading);}
h3{font-size:2em;margin:1em 0 .3em 0;color:var(--c-heading);}
h4{font-size:1.4em;margin:1em 0 .5em 0;color:var(--c-heading);}
h5{font-size:1.2em;margin:1em 0 .5em 0;}

@media only screen and (max-width:640px){
h1{font-size:2em;}
h2{font-size:1.8em;}
h3{font-size:1.5em;}
h4{font-size:1.3em;}
}

p{font-size:1em;margin:.5em 0;}
b{font-weight:600;}
ol,ul {font-size:1em;margin:.3em 0 .3em 1.3em;padding:0;}
li {margin:0.1em 0;}
hr {margin:1em 0;border:none;height:2px;background:var(--color);}
hr.dbl {height:4px;}
hr.thin {height:1px;}
hr.black {background:var(--black);}
hr.grey {background:var(--grey);}
hr.white {background:var(--white);}
h1.first,h2.first,h3.first,h4.first,h5.first {margin-top:0;}
h1.single,h2.single,h3.single,h4.single,h5.single {margin:0;}
dl{display:block;margin:.5em 0;}
dl.sep {margin-top:1.5em;}
dt{display:inline-block;vertical-align:middle;padding-right:.75em;min-width:150px;white-space: nowrap;}
dt.d200 {min-width:200px;}
dt.d250 {min-width:250px;}
dt.d300 {min-width:300px;}
dd{display:inline-block;vertical-align:middle;}
.small p {margin:.2em 0;}
span.small {font-size:.85em;}
span.small2 {font-size:.8em;line-height: .9em;}
span.sep {display:inline-block;margin:.5em 0;}

input,select,textarea {font-family:proxima-nova, sans-serif;font-size:14px;}

input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {pointer-events: none;background: transparent;-webkit-appearance: none;appearance: none;}
input[type='range']::-webkit-slider-thumb {pointer-events: auto;width: 15px;height: 15px;cursor: pointer;background: var(--slider);border: solid white 1px;border-radius: 50%;margin-top: 0;box-shadow:var(--slidershadow);}
input[type="range"]::-moz-range-thumb {pointer-events: auto;width: 13px;height: 13px;cursor: pointer;background: var(--slider);border: solid white 1px;border-radius: 50%;margin-top: -5px;box-shadow:var(--slidershadow);}

input[type="text"],input[type="email"],input[type="tel"],input[type="number"],textarea {
  margin: 0;
  font-size: 1em;
  border: var(--input-border);
  vertical-align: middle;
  padding: 5px 9px;
  outline: none;
	width:100%;
}
textarea {height:90px;}
input[type="radio"],
input[type="checkbox"]{height:auto;display: inline-block;margin:0 4px;appearance: none;width: 16px;min-width: 16px;height: 16px;}
input[type="radio"]{
background:var(--white);
box-shadow: var(--slidershadow);
border-radius:50%;border: 2px solid var(--grey);
}
input:checked[type="radio"] {
background-color: var(--slider);
}
input[type="checkbox"],
input.ascheck[type="radio"]{
background:var(--white);
box-shadow: var(--slidershadow);
border-radius: 3px;border: 1px solid var(--grey);
}
input:checked[type="checkbox"],
input.ascheck:checked[type="radio"] {
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
background-color: var(--slider);
border-color: var(--slider);
}
input.num {width:50px;text-align:right;appearance: textfield;-moz-appearance: textfield;}
input.search {max-width:400px;width:calc(100% - 54px);}
.fslider{position: relative;height: 5px;background: var(--dis);border-radius: 2px;margin: 15px 0;--left:10%;--right:15%;}
.fslider::after{content:"";position:absolute;z-index:0;top:0;bottom:0;left:var(--left);right:var(--right);background:var(--slider);}
.fslider input[type="range"]{width:calc(100% - 15px);position: absolute;z-index:2;top:-9px;left:-2px;border: none;}
.fslider input[type="range"]:nth-child(2){left:13px;}

input[readonly] {background-color: var(--bg2);color: var(--black50);}

.onerr {display:none;color:var(--error);margin: 4px 0;}
.err input,.err select,.err textarea,.err .fdata{box-shadow: var(--shadow-err);}
.err .onerr {display:block;}

.params label {display: inline-block;margin-right:20px;margin-bottom: 4px;}
.params input[type="radio"],
.params input[type="checkbox"]{width: 20px;min-width: 20px;height: 20px;vertical-align: top;margin-right: 10px;}

a{cursor:pointer; color:var(--c-a);text-decoration:underline;}
a:hover{color:var(--c-ah);}
summary{cursor:pointer;}
img {max-width:100%;}
.hid,.hidd {display:none !important;}
.l {text-align:left !important;justify-content: start !important;}
.c,.center {text-align:center !important;justify-content: center !important;}
.r {text-align:right !important;justify-content: end !important;}
.b {font-weight:bold !important;}
.at {vertical-align:top !important;align-self:start !important;}
.am {vertical-align:middle !important;align-self:center !important;}
.ab {vertical-align:bottom !important;align-self:end !important;}
.fr {float:right !important;margin-left:1em;}
.fl {float:left !important;margin-right:1em;}
.ib {display:inline-block !important;}
.rel {position:relative;}
.color {color:var(--color);}
.color2 {color:var(--color2);}

@media (max-width:480px){
.ml {text-align:left !important;justify-content: start !important;}
.mc {text-align:center !important;justify-content: center !important;}
.mr {text-align:right !important;justify-content: end !important;}
}


a.btn,a.btn2 {display:inline-block;vertical-align:middle;margin: 8px 10px;padding: 10px 20px;text-decoration:none;font-weight:bold;border:2px solid var(--color);transition: color .2s,background-color .2s;
box-shadow: var(--shadow-btn);}
a.btn:active,a.btn2:active {box-shadow: var(--shadow-btna);}
a.btn{background:var(--color);color:var(--white);}
a.btn:hover{background:var(--white);color:var(--color);}
a.btn2{background:var(--white);color:var(--color);}
a.btn2:hover{background:var(--color);color:var(--white);}
a.btn.secondary{border-color:var(--secondary); background:var(--secondary);color:var(--white);}
a.btn.secondary:hover{background:var(--white);color:var(--secondary);}
a.btn2.secondary{border-color:var(--secondary);background:var(--white);color:var(--secondary);}
a.btn2.secondary.sel{color:var(--color);}
a.btn2.secondary:hover{ background:var(--secondary);color:var(--white);}
a.btn.big,a.btn2.big{font-size: 1.2em;padding: 12px 20px;}
a.btn.small,a.btn2.small{font-size: .9em;padding: 3px 4px;margin: 2px 4px 2px 0;}
a.btn.ico,
a.btn2.ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width:32px;
  height:32px;
  text-align:center;
  line-height:28px;
  padding: 0;
  vertical-align: middle;
  font-size: 24px;
}
a.btn.close {width: 40px;height: 40px;line-height: 36px;padding: 0;text-align: center;font-size: 23px;}
a.btn.dis {background:var(--dis);border-color:var(--dis);cursor:default;pointer-events: none;}
.btns {margin-bottom:3px;}

span.ico {display:inline-block;width:48px;height:48px;margin: -7px -7px -7px 0;transform: scale(.75);vertical-align:middle;
background:url(../icons.png) no-repeat;
filter: brightness(10);
}
span.ico.cart {background-position:0 -100px;}


.icotxt{background:left calc(50% - 1px) no-repeat;background-size:20px;padding-left:28px;display:inline-block;min-height:20px;vertical-align:middle;}
.icotxt.map{background-image:url(../map/pin0.png);background-size: auto 18px;padding-left: 22px;background-position-x: 5px;}
.icotxt.navigate{background-image:url(../icons/navigate.svg);padding-left: 22px;}

.hint {position:absolute;top:3px;right:3px;width:20px;height:20px;background: var(--white);border: solid var(--grey) 2px;border-radius: 50%;text-align: center;color:var(--color2);line-height: 15px;font-size: 12px;cursor: help;}
.hint::after{display:none;content:attr(data-title);position:absolute;z-index:2;bottom:25px;left:50%;transform:translateX(-50%);width: max-content;max-width:250px;background:var(--white);border:1px solid var(--grey);box-shadow:var(--slidershadow);color: var(--text);padding: 4px 10px;}
.hint:hover::after{display:block;}


/*Text*/
.rimg{float:right;margin:0 0 10px 10px;max-width:50%;}
.limg{float:left;margin:0 10px 10px 0;max-width:50%;}
img.cimg{display:block;margin:auto;}

.photogallery{text-align:center;margin:.5em 0;}
.photogallery img{display:inline-block;vertical-align:middle;margin:0.5em;max-width:calc(100% - 1em);}
.photogallery.small img{max-width:10em;max-height:10em;}

.right{float:right;margin-left:1em;}
.left{float:left;margin-right:1em;}
.right, .left{max-width:30%;text-align:center;}
.right img, .left img{ display:block;margin:auto;max-width:100%;}
@media (max-width:700px){
.right, .left{max-width:50%;}
}
@media (max-width:480px){
.right, .left{max-width:100%;float:none;margin-left:auto;margin-right:auto;}
}

.description{display:block;font-style:italic;font-size:.9em;}
img.border{border:2px solid var(--color);}
img.icon{vertical-align:middle;}
img.qrcode{border:1px solid var(--grey);vertical-align:top;}

img.oridef0.orientace1,
img.oridef1.orientace0,
span.img.oridef0.orientace1,
span.img.oridef1.orientace0{transform: scaleX(-1);}


.responziveText {font-size: clamp(12px, 1.5vw, 20px);}


.ytvideo{margin:1em auto;width:100%;max-width:768px;position:relative;}
.ytvideo:before{display:block;content:"";width:100%;padding-top:56.25%;}
.ytvideo iframe{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;}
a.video{position:relative;display:inline-block;}
a.video::before{content:'';position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;}
a.video::before{background:center no-repeat url(../icons/ytvideo.svg);background-size:68px;}

table {text-align: left;width: 100%;border-collapse: collapse;border-spacing: 0;}

table td, table th {background-color: var(--white);border: 1px solid var(--grey);color:color:var(--c-text);padding: 10px 20px; vertical-align:top;}
table tr:nth-child(2n+1) td {background-color:transparent;}
table.border td, table.border th {background-color:transparent;border: 1px solid var(--black);}
table.noborder {margin:0 -5px;width: calc(100% + 10px);}
table.noborder td, table.noborder th {background-color:transparent;border: none;padding:5px;}

table.short {width:auto;}
table.short.c {margin:auto;}
.longtable{overflow:auto;}
.longtable table{min-width:50em;}

/*LAYOUT*/
.main{flex-grow: 2; padding-bottom:2em;}
.cnt{width: calc(100% - 40px);max-width:1400px;margin:auto;padding:0 50px;}
.cnt.black{background:var(--black);color:var(--white);}
.cnt.white{background:var(--white);border:1px solid var(--grey);}
.cnt.black a{color:var(--white);}
.cnt.black a:hover{color:var(--color);}

header {position:relative;padding: 20px 0 5px;position: sticky;top: -15px;z-index: 20;background:var(--black);}
header .cnt{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: nowrap;gap: 10px;position: relative;max-width:1400px;background:var(--white);}
header .logo{width:100%;max-width:135px;height:60px;display: flex;align-items: center;}
header .logo img{display:block;transform: translateY(4px);}

header .hmenu {width: 100%;display: flex;flex-wrap: wrap;justify-content: space-evenly;align-content: center;gap: 0px 15px;}
header .hmenu a {display: block;font-weight: bold;font-size: 1.2em;text-decoration: none;padding: 2px;}
header .hmenu a.sel {color:var(--color);}

header .icons{margin-right: -50px;background-color: var(--color);align-self: stretch;display: flex;justify-content: space-evenly;align-items: center;padding: 0 20px;}

header .langs{position:absolute;top:-22px;right:0;}
header .langs a{display:inline-block;width:32px;height:22px;margin-right: -8px;transform: scale(.5);background:url(../flags.png) no-repeat; opacity:.5;transition: opacity .2s;}
header .langs a.sel,
header .langs a:hover{opacity:1;}
header .langs a.cz{background-position:0 0;}
header .langs a.sk{background-position:0 -30px;}
header .langs a.us{background-position:0 -60px;}
header .langs a.ge{background-position:0 -90px;}

header .iconmenu {margin:4px 0;white-space: nowrap;}
header .iconmenu a {position: relative;display:inline-flex;justify-content: center;align-items: center;width:36px;height:36px;font-size: 26px;text-decoration: none;color: var(--white);}
header .iconmenu a:hover{color: var(--color2);}
header .iconmenu a.icon-search{font-size:28px;}

header span.count {display: block;position: absolute;z-index: 10;top:-5px;left:-2px;background: var(--color);color:var(--white);font-weight: bold;width: 22px;height: 22px;line-height: 20px;font-size: 14px;text-align: center;border: 1px solid var(--white);border-radius: 11px;}

.social {display: inline-block;margin: 4px 0;white-space: nowrap;vertical-align: middle;}
.social a {display:inline-flex;justify-content: center;align-items: center;width:36px;height:36px;font-size: 26px;text-decoration: none;}
.social a.icon-x:before { content: '𝕏'; font-family: sans-serif;}
.social a:hover{filter: none;}

.ham {display:none;}
.ham a{display: block;padding: 19px 10px;position:relative;}
.ham .hamico{margin:0;width: 20px;height: 2px;display: block;position: relative;background-color: var(--white);transition: background-color .2s;}
.ham .hamico:before,
.ham .hamico::after {content: '';position: absolute;width: 100%;height: 2px; top: 6px;background-color: var(--white);transition: background-color .2s,transform .2s;}
.ham .hamico::after {top: -6px;}
.ham:hover .hamico,
.ham:hover .hamico:before,
.ham:hover .hamico::after {background-color: var(--color2);}

.ham.anim .hamico{animation: blink 6s infinite;animation-delay: 4.5s;}
@keyframes blink {
  0%   {transform: scale(1);}
  4%   {transform: scale(1.2);}
  8%   {transform: scale(1);}
  12%   {transform: scale(1.2);}
  16%   {transform: scale(1);}
}

.ham.sel .hamico {background:transparent;}
.ham.sel .hamico::before {top:0;transform: rotate(-45deg);}
.ham.sel .hamico::after {top:0;transform: rotate(45deg);}

header .mmenu{display:none;position: absolute;z-index: 100;top:80px;left: 0;right: 0;margin:0 20px;background:var(--white);border: 1px solid var(--grey);box-shadow:var(--shadow);padding: 10px;}
header .mmenu>div>div {border-top: 1px solid var(--grey);padding-top: 10px;}
header .mmenu>div>div:first-child{border-top:none;padding-top:0;}

header .mmenu .iconmenu a{display:block; margin:auto;font-size: 28px;text-decoration: none;margin-left: 0;color: var(--c-a);}
header .mmenu .iconmenu a:hover{color: var(--c-ah);}
header .mmenu .iconmenu a:after{content:attr(title);font-size: 15px;display: inline-block;vertical-align: middle;padding-bottom: 6px;}
header .mmenu .btnmenu a {display:block;text-decoration: none;font-size: 15px;font-weight: bold;padding: 5px 10px;}
header .mmenu .social a{filter: none;transition: none;margin: 0px;}
header .mmenu .langs a{transform: none;margin: 10px;}


@media (max-width: 840px){
header .hmenu {display:none;}
header .icons>.langs {display:none;}
header .icons>.social {display:none;}
header .icons>.ham {display:block;}
header>.cnt{padding: 0;}

header .mmenu.sel{display:block;}
header .logo{margin-left: 50px;}
header .icons{margin-right:0;padding: 0 5px;}
}

@media (max-width: 480px){
header {padding-top:0;top: 0;}
header .cnt {width: 100%;}
header .mmenu{margin:0;top:55px;}
header .logo{margin-left: 20px;height: 55px;}
}

footer {margin-top:1em;}
.footer-bottom{background:var(--black);}
.footer-middle>div{z-index: 1;position: relative;padding-top: 10px;padding-bottom: 30px;margin-bottom: -75px;}
.footer-bottom>div{padding-top: 120px;padding-bottom: 30px;}



@media (max-width: 480px){
.cnt {width: 100%;padding: 0 20px;}
a.btn.big, a.btn2.big {display: block;}
}

.nav {}
.nav a{display:inline-block;vertical-align:middle;margin-right:5px;text-decoration:none;}
.nav a:hover{text-decoration:underline;}
.nav a.home{height:18px;width:18px;background:url(../icons.png) no-repeat 0px -20px / 100%;}


.ep {display:flex;flex-wrap: nowrap; margin:20px -10px;}
.ep .epl{margin:0 10px; padding:10px; width:250px; min-width:250px; background: var(--white);border: 1px solid var(--grey);}
.ep .epr{margin:0 10px;flex-grow:2;}
.epl + .epr .panel{margin:0;padding: 10px;}

@media (max-width: 800px){
.ep .epl {display:none;}
}


.fitm{margin-bottom: 10px;}
.fitm .fname{font-weight: bold;}
.fitm .fdata{}
.fitm .fvalue {display: flex;justify-content: space-between;align-items: center;margin: 2px 0;padding: 3px;box-shadow: var(--slidershadow);}
.fitm .fvalue>a {display: inline-block;width: 24px;height: 24px;text-align: center;text-decoration: none;background: var(--remove);color: var(--white);line-height: 25px;border-radius: 50%;min-width: 24px;}
.fitm .fvalue>a:hover {background: var(--removeh);}

.fitm label {width: 100%;display: flex;flex-wrap: wrap;align-items: start;line-height: 1.2em;padding: 2px 0;cursor:pointer;}
.fitm label>span{width: calc(100% - 24px);}
.fitm label>span.desc{width: 100%;padding: 2px 0;}
.fitm label>span.note{width: 100%;font-style: italic;font-size: .9em;padding: 0px 0 7px 24px;}
.fitm input.fnum {width:70px;text-align: right;}

.fprice{margin:10px -10px;padding:10px;background:var(--white);box-shadow:var(--shadow);border: 1px solid var(--c-border);}
.fprice h3{margin:0;}
.fprice span{font-weight:bold;}
.fprice span.big{font-size:1.3em;color:var(--color2);}
.fprice span.note{font-weight:normal;}
.fsticky {position: sticky;top:115px;}

/*card*/
.card-brand>span{  display: inline-block; overflow: hidden; width:44px; height: 30px; background:center no-repeat;}
.card-brand>span.MASTERCARD{background-image:url(../icons/mastercard.svg);}
.card-brand>span.MAESTRO {background-image:url(../icons/maestro.svg);}
.card-brand>span.VISA {background-image:url(../icons/visa.svg);}
.card-brand>span.APPLEPAY {background-image:url(../icons/applepay.svg);background-size: 75%;}
.card-brand>span.GOOGLEPAY {background-image:url(../icons/googlepay.svg);background-size: 130%;margin-left: 6px;}



/*panely*/
div.panel {background:var(--white);margin:10px -50px;padding:10px 50px;box-shadow:var(--shadow);
color:var(--text);
--c-text:var(--text);
--c-heading:var(--color2);
--c-a:var(--color2);
--c-ah:var(--color);
--c-border:var(--color);}
div.topline {border-top:4px solid var(--color);}
div.border {border:2px solid var(--color);}
div.noborder {border:2px solid transparent;}
div.thin{border-width:1px;}
div.panel.std {margin:10px 0; padding:15px;background:var(--bg2);border-left: 5px solid var(--color);}
div.panel.color,
div.panel.color2,
div.panel.black{color:var(--white);
--c-text:var(--white);
--c-heading:var(--white);
--c-a:var(--white);
--c-ah:var(--color);
--c-border:var(--color);}
div.panel.color{background-color:var(--color);--c-ah:var(--color2);--c-border:var(--color2);}
div.panel.color2{background-color:var(--color2);}
div.panel.black{background-color:var(--black);}

div.topline.grey,div.border.grey{border-color:var(--grey);}
div.topline.white,div.border.white{border-color:var(--white);}

.panel.inside,
.panel .panel,
.block .panel,
.imgLeft .panel,
.imgRight .panel{margin: 0;box-shadow:none;}
.panel.inside,
.panel .panel{padding: 10px;}

@media (max-width:700px){
div.panel {margin:10px -10px; padding:10px;}
}

div.panel.wide {margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);padding-left:max(calc(50vw - 650px), 79px);padding-right:max(calc(50vw - 650px), 79px);}
@media (max-width:480px){
div.panel.wide {margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}
}



.block {clear:both;display:flex;flex-wrap: wrap; margin:0 -10px;}
.block>div {box-sizing: border-box;padding:0 10px;flex-grow: 1;}

.block .half {flex-basis:50%; min-width:350px;}
.block .third {flex-basis:33%; min-width:233px;}
.block .twothirds {flex-basis:66%; min-width:466px;}
.block .quarter {flex-basis:25%; min-width:175px;}
.block .fifth {flex-basis:20%; min-width:175px;max-width:233px;}
.block .slim {flex-grow: 0;min-width: 0;flex-basis: auto;}
.block .bl60 {flex-basis:60%; min-width:500px;}
.block .bl40 {flex-basis:40%; min-width:330px;margin:0 auto;}


@media (max-width: 560px){
.block .twothirds,.block .bl60,.block .bl40 {min-width:350px;}
.block .bl40 {max-width: none;}
.block .smallhide {display:none;}
}
@media (max-width: 420px){
.block .half,.block .bl60,.block .bl40,.block .twothirds {min-width:240px;}
}

/*mainText*/
.maintext,.addtext{display:inline-block;vertical-align:top;}
.maintext{width:calc(66% - 20px);margin-right:40px;}
.addtext{width:calc(33% - 20px);}

@media only screen and (max-width:1000px){
.maintext,.addtext{display:block;width:100%;margin:0;}
.addtext{clear:both;margin-top:2em;}
}



/*imgLeft, imgRight*/
.imgLeft,.imgRight {clear:both; margin:2em 0;display:flex;}
.imgRight {flex-direction:row-reverse;}
.imgLeft>div:first-child,.imgRight>div:first-child{flex-basis:30%;}
.imgLeft>div:first-child>div,.imgRight>div:first-child>div{height:100%;}
.imgLeft>div:first-child img,.imgRight>div:first-child img{display:block;width:100%;height:100%;object-fit:cover;}
.imgLeft>div:last-child,.imgRight>div:last-child{flex-basis:70%;}
.imgLeft>div:last-child{padding-left:15px;}
.imgRight>div:last-child{padding-right:15px;}
.imgLeft .photogallery,.imgRight .photogallery {margin:0;}
.imgLeft.small>div:first-child,.imgRight.small>div:first-child{flex-basis:20%;min-width: 180px;}
.imgLeft.small>div:last-child,.imgRight.small>div:last-child{flex-basis:80%;}
.imgLeft.top>div:first-child img,.imgRight.top>div:first-child img{display:inline-block;width:100%;height:auto;object-fit:contain;}

@media only screen and (max-width:680px){
.imgLeft,.imgRight{display:block;}
.imgLeft>div:last-child,.imgRight>div:last-child{padding:5px 0;}
.imgLeft.small>div:first-child,.imgRight.small>div:first-child{display:none;}
}

/*rotateimg*/
.photogallery{position:relative;z-index:2;}
.photogallery img.rotate{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0;margin:0;transition:opacity 1s;}
.photogallery img.rotate.sel{position:static;opacity:1;transition:opacity 1s;}

/*numbox + argumentbox*/
.numbox{display:flex;flex-wrap:wrap;margin:10px 0;}
.numbox>div{text-align:center;margin:10px;flex:1 1;min-width:280px;}
.numbox h2{font-size:3.5em;font-weight:bold;margin:.5em 0 0;padding:0;border-bottom:2px solid var(--c-heading);}
.numbox h3{font-size:2.5em;font-weight:bold;margin:.5em 0 0;padding:0;border-bottom:2px solid var(--c-heading);}
.numbox h4{font-size:2em;font-weight:bold;margin:.5em 0 0;padding:0;border-bottom:2px solid var(--c-heading);}
.numbox p{font-size:1.2em;}

.argumentbox{display:flex;flex-wrap:wrap;margin:10px 0;}
.argumentbox>div{text-align:center;margin:10px;flex:1 1;min-width:280px;}
.argumentbox h3{margin:1.25em 0 0;font-size:1.5em;}

@media (max-width: 700px) {
.numbox h2{font-size:2.8em;}
.numbox h3{font-size:2em;}
.numbox h4{font-size:1.6em;}
.numbox p{font-size:1em;}
.argumentbox h3{margin:1.25em 0 0;font-size:20px;}
}

.imgLeft:first-child,.imgRight:first-child,
.panel:first-child,.block:first-child,
.numbox:first-child,.argumentbox:first-child {margin-top:0;}
.imgLeft:last-child,.imgRight:last-child,
.panel:last-child,.block:last-child,
.numbox:last-child,.argumentbox:last-child {margin-bottom:0;}


.inline {display:inline-block;margin:0 10px;}

.main .rimg{float:right;margin:0 0 10px 10px;max-width:50%;}
.main .limg{float:left;margin:0 10px 10px 0;max-width:50%;}
.main img.cimg{display:block;margin:auto;}

.main .description{font-style:italic;font-size:.9em;}
.main p.description{margin-top:-.6em;}
.main img.border{padding: 2px;border: 2px solid var(--dis);background: var(--white);}
.main a:hover img.border{padding: 0px;border: 4px solid var(--color);}
.main img.noborder{padding: 0;border: none;}
.main a:hover img.noborder{padding: 0;border: none;}


/* bannery */
.banner{position:relative;height:420px;min-height:420px;margin-bottom: 30px;font-size: 1.2em;}
.banner div.motivesbtn{position:absolute;z-index:10;left:0;right:0;bottom:-20px;text-align:center;}
.banner div.motivesbtn a{display:inline-block;width:30px;height:30px;background:var(--white);margin:0 4px;border:4px solid var(--color);transition:background-color .2s;}
.banner div.motivesbtn a.sel,
.banner div.motivesbtn a:hover{background:var(--color);}

@media only screen and (max-width:640px){
.banner{height:320px;min-height:320px;}
.banner div.motivesbtn{bottom:-17px;}
.banner div.motivesbtn a{width:26px;height:26px;border-size:2px;}
}

.banner ul.motives,.banner ul.motives>li{position:absolute;top:0;bottom:0;left:0;right:0;margin:0;}
.banner ul.motives>li{opacity:0;transition:1s opacity;list-style:none;background-position:center;background-size:cover;}
.banner ul.motives>li.sel{opacity:1;}
.banner ul.motives>li>a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;}

.banner .txtbanner {display:block;height: 100%;position:relative;text-align:left;pointer-events:none;}
.banner .txtbanner.mob {display:none;}
.banner .mob .txtbanner {display:none;}
.banner .mob .txtbanner.mob {display:block;}

.txtbanner .cnt {display: flex;flex-direction: column;justify-content: center;z-index: 2;position: relative;height: 100%;}
.txtbanner a {pointer-events: auto;}
.txtbanner.color1 {
	--sh1:#fff9;
	--sh2:#fff9;
	--sh3:#fff0;
	}

.txtbanner.color2 {
	--sh1:#0007;
	--sh2:#0009;
	--sh3:#0000;
	color:var(--white);
	--c-text:var(--white);
	--c-heading:var(--white);
	--c-a:var(--white);
	--c-ah:var(--color);
	--c-border:var(--color);
	}

.txtbanner.sh1:before,
.txtbanner.sh2:before,
.txtbanner.sh3:before,
.txtbanner.sh4:before{content:"";position:absolute;z-index:0;top:0;left:0;right:0;bottom:0;}

.txtbanner.sh1:before{background:var(--sh1);}
.txtbanner.sh2:before{background:linear-gradient(90deg, var(--sh2) 0%, var(--sh2) 40%, var(--sh3) 70%);}
.txtbanner.sh3:before{background:linear-gradient(-90deg, var(--sh2) 0%, var(--sh2) 40%, var(--sh3) 70%);}
.txtbanner.sh4:before{background:linear-gradient(90deg, var(--sh3) 15% , var(--sh2) 40%, var(--sh2) 60%, var(--sh3) 85%);}


/*dialog*/
.dialog{position:fixed;z-index:100;top:0;left:0;right:0;bottom:0;background-color:var(--black50);display:flex;align-items: center;justify-content: center;}
.dialog.black{background-color:#0006;}
.dialog>.panel{background: var(--white);border: 1px solid var(--grey);position:relative;margin: 10px;padding:0;box-shadow:none; max-width: 700px;max-height: calc(100vh - 10px);overflow: auto;}
.dialog>.panel>a.close {position:absolute;top:5px; right:5px;}
.dialog>.panel>.cnt{padding:40px 40px 20px;text-align: center;width:auto;}


/*guide*/
div.zoom {
  position:absolute;
  z-index:10;
  top:0;
  right:0;
  width:24px;
  height:24px;
  cursor:pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  background:var(--color);
  border: 1px solid var(--color);
  color: var(--white);
}
div.zoom:hover{  background:var(--white);color: var(--color);}
div.zoom.big{width:42px;height:42px;font-size:28px;}


.imggrps{display: flex;flex-wrap: wrap;justify-content: center;
 --iwidth:165px;}
.imggrps.size1{--iwidth:350px;}
.imggrps.size2{--iwidth:255px;}

.imggrps>a{position: relative;display: block;width:var(--iwidth);margin: 10px;outline:1px solid var(--black);text-decoration: none;}
.imggrps>a .img{display: block;position:relative;width: 100%;height: 0;padding-top: 100%;background: var(--sortbg) no-repeat center;background-size: auto 95%;transition:background-size .5s;}
.imggrps>a .txt{background-color:var(--white);display: flex;flex-direction: column;width: 100%;min-height: 80px;justify-content: center;align-items: center;text-align: center; font-size:1.2em;}
.imggrps>a .txt p{margin: 2px 0;padding: 0 5px;line-height: 1.1em;transition:color .2s;}
.imggrps>a .txt p.small{font-size: .8em;line-height: 1em;}
.imggrps>a .txt p.dekorlist {display: flex;width: 100%;justify-content: space-between;gap: 5px;align-items: center;}
.imggrps>a .txt span.btn {width: 24px;height: 24px;cursor: pointer;display: flex;justify-content: center;align-items: center;font-size: 17px;background: var(--color);border: 1px solid var(--color);color: var(--white);}
.imggrps>a .txt span.btn:hover{background: var(--white);color: var(--color);}

.imggrps>a.chck{display: flex;flex-direction: column;}
.imggrps>a.chck input{margin: 6px;pointer-events: none;}

.imggrps>a.chck .txt{min-height:45px;flex-grow: 2;}
.imggrps>a.chck span{text-align:center;}

.imggrps>a:hover{outline:1px solid var(--color);box-shadow: 0 10px 25px hsla(0,0%,90.2%,.5);}
.imggrps>a.sel{outline:3px solid var(--color);background: var(--color);box-shadow: 0 10px 25px hsla(0,0%,90.2%,.5);}

.imggrps>a.sel .txt>span,
.imggrps>a:hover .txt>span{color:var(--color);}
.imggrps>a:hover .img{background-size: auto 130%;}
.imggrps>a.big{width: 239px;}
.imggrps>a.big .img{padding-top: 140%;}

.imggrps>a.dis{border-color: var(--dis);color: var(--dis);box-shadow:none;cursor: auto;}
.imggrps>a.dis .img{background-size: auto 95%;filter: grayscale(100%) opacity(40%);}
.imggrps>a.dis:hover .img{background-size: auto 95%;}
.imggrps>a.dis:hover .txt>span{color:var(--dis);}

.linegrps{display: flex;flex-wrap: wrap;justify-content: center;}
.linegrps.col2{display:block;column-gap:5px;column-count:2;column-width:250px;}
.linegrps.col3{display:block;column-gap:5px;column-count:3;column-width:150px;}
.linegrps.col100{display:block;column-gap:5px;column-width:130px;}
.linegrps.inline{display: grid;grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));gap:5px;}

.linegrps>a{position: relative;display: block;width:100%;margin-bottom:5px;background-color:var(--white);border:1px solid var(--black);text-decoration: none;break-inside: avoid;}
.linegrps>a .txt{display: flex;align-items: center;font-size:1.2em;padding:6px;}
.linegrps>a.chck{display: flex;flex-direction: row;align-items: center;}
.linegrps>a.chck input{margin: 6px;pointer-events: none;}
.linegrps>a.chck .txt{flex-grow: 2;}

.linegrps>a:hover{border:1px solid var(--color);box-shadow: 0 10px 25px hsla(0,0%,90.2%,.5);}
.linegrps>a.sel{border:1px solid var(--color);background: var(--color);color:var(--white);box-shadow: 0 10px 25px hsla(0,0%,90.2%,.5);}

.linegrps>a.dis{border-color: var(--dis);color: var(--dis);box-shadow:none;cursor: auto;}

.titlebnr,.imggrps,.finalfoto,.finalfotobig{image-rendering: optimizequality;image-rendering: -webkit-optimize-contrast;}


/*sorting*/
#sortimentList,
#customerForm{scroll-margin-top: 60px;}
.panelSection{scroll-margin-top: 120px;}


.sortpanel {padding: 0 10px;border: 1px solid var(--grey);border-bottom: none;background: #eaeaea;transform: translateY(10px);
display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;
position: sticky;top: 60px;z-index:19;}
.sortpanel ul{display:block;margin:0;padding:0;}
.sortpanel li{display:inline-block;list-style:none;margin: 0;padding:13px 20px;border-right:1px solid var(--grey);cursor: pointer;}
.sortpanel li:first-child{border-left:1px solid var(--grey);}
.sortpanel li.sel{background-color:var(--white);}
.sortpanel li:hover{background-color:var(--color);color: var(--white);}
.sortpanel li a{text-decoration:none;color:inherit;}
.sortpanel select{display:none;margin:2px 0;padding:10px;background:var(--white);border:1px solid var(--grey);}

@media only screen and (max-width:1100px){
.sortpanel ul{display:none;}
.sortpanel select{display:inline-block;}
}

.pagepanel {padding: 0 10px;border: 1px solid var(--grey);border-top: none;background: #eaeaea;transform: translateY(-11px);text-align:right;}
.pagepanel a {display:inline-block;vertical-align:middle;text-decoration:none;padding:5px 10px; margin: 6px 1px; cursor: pointer;}
.pagepanel a.sel{background-color:var(--white);}
.pagepanel a:hover{background-color:var(--color);color: var(--white);}
.pagepanel span{display:inline-block;margin:0 5px;vertical-align:middle;}

@media only screen and (max-width:480px){
.pagepanel {text-align:center;}
.sortpanel {top:50px;}
#sortimentList,
#customerForm{scroll-margin-top: 50px;}
.panelSection{scroll-margin-top: 110px;}
}


/*add cart*/
.addcart{text-align:right;padding-top:10px;z-index: 19;}
.addcart>div{display:inline-block;}

@media only screen and (max-width:480px){
.addcart{text-align:center;}
}

.finalfotobig {position:fixed;top:20px;left:20px;right:20px;bottom:20px;z-index:100;background: var(--white);border: 1px solid var(--grey);padding: 0;}
.finalfotobig a.close {position:absolute;top:5px; right:5px;}
.finalfotobig>div{overflow: auto;height: 100%;padding: 10px;display:flex;flex-direction: column;align-items: center;}
.finalfotobig>div>img{display: block;flex-grow: 10;height:calc(100% - 50px);width: 100%;object-fit: scale-down;cursor:pointer;}
.finalfotobig>div>p{margin: 0;}

.dialogbig {content:"";position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;background:var(--black50);
display:flex;align-items:center;justify-content:center;}
.dialogbig>.cnt {display: flex;flex-direction: column;position: relative;background: var(--white);border: 1px solid var(--grey);padding:0;width:calc(100% - 100px);height:calc(100% - 100px);max-width:1000px;max-height:800px;}
.dialogbig>.cnt a.close {position:absolute;z-index:2;top:5px; right:20px;margin:0;}
.dialogbig>.cnt>div{flex-grow: 2;overflow: auto;height: 100%;padding: 20px;}
.dialogbig>.cnt>div.dialogbtn {flex-grow: 1;height: auto;padding: 5px;overflow: initial;text-align:center;}

@media only screen and (max-width:640px){
.finalfotobig {top:5px;left:5px;right:5px;bottom:5px;}
.dialogbig>.cnt {width:calc(100% - 20px);height:calc(100% - 20px);}
}
.pageProcces{position:absolute;z-index:1000;top:0;left:0;right:0;bottom:0;background:var(--white)9 url(../icons/loading.svg) center center no-repeat; background-size:200px;}

/*Order*/
.orderItem {margin:10px 0; background:var(--bg2);border-left: 5px solid var(--color); position:relative;padding: 14px;display:flex;align-items:stretch;gap: 14px;
container-type: inline-size;}
.orderItem .order{align-self: center;}
.orderItem .img{width: 100px;min-width: 100px;}
.orderItem .text{flex-grow: 2;display: flex;flex-direction: column;justify-content: space-between;}
.orderItem .popis{}
.orderItem .popis p{margin:3px 0;}
.orderItem .popis span{display: inline-block;vertical-align: top;}
.orderItem .popis i{color: var(--grey);}
.orderItem .params{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.orderItem .params>div{flex-basis:33.333%;text-align: center;flex-grow: 2;white-space: nowrap;}
.orderItem .params>div:first-child{text-align: left;}
.orderItem .params>div:last-child{text-align: right;}
.orderItem .params .jprice{font-weight: bold;}
.orderItem .params .count{}
.orderItem .params .price{font-size: 1.2em;}
.orderItem a.del {position: absolute;top:3px;right:3px;z-index: 2;width: 24px;height: 24px;max-width: 24px;background: url(../icons/remove.svg) center no-repeat;background-size: 12px;opacity:.7;}
.orderItem a.del:hover {opacity:1;}

@container (max-width:750px){
.orderItem .img{width: 60px;min-width:60px;}
.orderItem .params .jprice{flex-basis: 100%;}
.orderItem .params .count{text-align:left;}
}

@container (max-width:460px){
.orderItem .params .jprice{display:none;}
.orderItem .params>div:first-child,
.orderItem .params>div:last-child,
.orderItem .params .count{flex-basis: 100%;text-align: center;}
}


.sumrec {margin:10px 0; background:var(--white); position:relative;padding: 10px;display:flex;flex-wrap:nowrap;align-items: center;font-size:.8em;}
.sumrec>span{flex: 82% 1 1;text-align: right;}
.sumrec>span.price{flex: 18% 1 1;text-align: right;}
@media only screen and (max-width:1025px){
.sumrec {display:block;text-align: right;}
.sumrec>span {display:inline-block;margin-left:10px;}
}

.sumprice {margin:10px 0; background:var(--bg2);padding:10px;text-align:right;font-size:1.2em;}
.sumprice>span{font-weight:bold;}
.sumprice>span.dph{display:block;font-size:.8em;font-weight:normal;}



/*formulare*/
.form{display:block;width:830px;max-width:100%;margin:1em auto;position:relative;}
.form.long{width:100%;}
.form dl{display:flex;width:100%;padding:0;margin:0 0 .7em;}
.form dt{padding-top: 8px;}
.form dd{width: 100%;margin: 0;}
.form dd span.txt{display: inline-block;margin: 8px 0 0 5px;}
.form .sep{margin-top:2em;}
.form .req dt::after,
.form .reqired::after{content:" *";font-weight:bold;color:var(--color);}

.form .imgparam {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  vertical-align: middle;
  margin-right: 20px;
}

.form .imgparam .img {
  width: 48px;
  height: 48px;
  outline: 1px solid var(--black);
}

.form .imgparam .txt{}


@media only screen and (max-width:600px){
.form dl,.form dt,.form dd {display:block;width: 100%;}
}

.spinner{display:flex;position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;background-color:var(--black50);color:var(--white);flex-direction: column;align-items: center;justify-content: center;}
.spinner p{text-align:center;margin:10px;font-style: italic;}
.spinner div.img{display:block;width:64px;height:64px;background:url(../spinner.png);animation: spinner 1s steps(12) infinite;}
@keyframes spinner {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}


@media only screen and (max-width:900px){
.ordercnt {display:block;}
}

/*detail sortimentu*/

.sortblock {
  clear:both;
  display:flex;
  flex-wrap: wrap;
  margin:0 -10px;
  align-items: start;
}
.sortblock>div {box-sizing: border-box;padding:0 10px;flex-grow: 1;flex-basis: 35%;}

.sortimg {
	position:relative;
	display: flex;
  flex-direction: column;
}

.sortimg .sortimgnav {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  pointer-events: none;
}
.sortimg a.sortimgico {
  display:block;
  position: absolute;
  z-index: 3;
  pointer-events: auto;
  background-color: var(--secondary);
	border: 2px solid var(--secondary);
	color: var(--white);
  text-decoration: none;
	font-size: 26px;
	box-shadow: var(--shadow-btn);
}
.sortimg a.sortimgico>span {
	display:flex;
  width: 32px;
  height: 32px;
	justify-content: center;
	align-items: center;
}
.sortimg a.sortimgico:hover{background-color: var(--white);color: var(--secondary);}
.sortimg a.sortimgico:active {box-shadow: var(--shadow-btna);}	

.sortimg a.zoom {top: 0;right: 0; font-size: 22px;}
.sortimg a.prev {top: calc(50% - 16px);left: 0;}
.sortimg a.next {top: calc(50% - 16px);right: 0;}

.sortimg .sortimglist {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	touch-action: pan-y;
	flex-grow: 10;
	height: clamp(300px, 39vw, 600px);
	max-height: 600px;
	}
.sortimg .sortimglist>span{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: transform 0.5s ease;
	opacity: 0;
	z-index: 0;
	max-width: 100%;
	max-height: 100%;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
	}
.sortimg .sortimglist>span.active{
	opacity: 1;
	z-index: 1;
	pointer-events: auto;
	}

.sortimg .sortimglist>span>img{display:block;pointer-events: none;}

.sortimg .sortimgnote {
  text-align: center;
}
.sortimg .sortimgnote p {
  font-size: .9em;
  margin: .2em 0;
  font-style: italic;
}

.sortparams {
	min-width: 450px;
	}
.sortparams td.par{
	font-weight:bold;
  padding-right: 5px;
	}
.sortparams td.par i{
	font-weight: normal;
  padding-bottom: 5px;
  display: inline-block;
  color: var(--grey);
	}	
.sortparams td.par>span{
	display: flex;
  justify-content: space-between;
  align-items: start;
	gap:5px;
	}
	
.sortparams .small td.par{font-weight:normal;}
.sortparams .small2 td{font-weight:normal;}
.sortparams .big td{padding-top:20px;}
.sortparams .big td.par{font-size:1.6em;font-weight:bold;padding-top: 11px;}
.sortparams td{position:relative;}
.sortparams span.note{font-size: 14px;font-weight: normal;}

@media only screen and (max-width:850px){
.sortblock{display:block;}
.sortblock>.sortparams {min-width:0;}
.sortimg .sortimglist {height: clamp(300px, 73vw, 600px);}
}

@media only screen and (max-width:480px){
.sortimg .sortimglist {height: 82vw;}
}