@font-face{ font-family:'Mulish'; src:url('../files/fonts/Mulish/Mulish-Light.ttf') format('truetype'); font-weight:300; font-style:normal}@font-face{ font-family:'Mulish'; src:url('../files/fonts/Mulish/Mulish-Regular.ttf') format('truetype'); font-weight:400; font-style:normal}@font-face{ font-family:'Mulish'; src:url('../files/fonts/Mulish/Mulish-SemiBold.ttf') format('truetype'); font-weight:700; font-style:normal}@font-face{ font-family:'Mulish'; src:url('../files/fonts/Mulish/Mulish-Black.ttf') format('truetype'); font-weight:900; font-style:normal}form fieldset{ margin-bottom:35px; padding:25px; border:1px solid #9b643e; border-top:0; border-right:0; position:relative; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px}form fieldset:last-of-type{ margin-bottom:0}form fieldset legend{ display:block; padding:10px 15px; background:#9b643e; color:#fff; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px}form fieldset div.input{ position:relative}form fieldset div.input span.loading,form fieldset div.input span.password{ position:absolute; top:0; bottom:0; right:0; width:35px; z-index:2; cursor:pointer; display:flex; align-items:center; justify-content:center}form fieldset label{ position:relative}form fieldset label.required:after{ content:' *'; color:#f51241; font-size:20px; line-height:15px}form fieldset label.checkbox{ float:left; width:calc(100% - 25px); cursor:pointer}form fieldset label.placeholder{ position:absolute; top:11px; left:15px; pointer-events:none; color:#808080; transition:all 100ms ease 0s; -webkit-transition:all 100ms ease 0s; -moz-transition:all 100ms ease 0s}form fieldset button,form fieldset input,form fieldset select,form fieldset select option,form fieldset textarea{ display:block; width:100%; background:#eee; margin-bottom:5px; padding:17px 0 8px 15px; font-size:15px; font-family:'Mulish',sans-serif; border:1px solid #ccc; position:relative; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}form fieldset button,form fieldset input,form fieldset textarea{ -webkit-appearance:none}form fieldset input.password{ padding-right:40px}form fieldset input.submit{ background:#9b643e; color:#fff}form fieldset input.radio,form fieldset input.checkbox{ float:left; width:15px; height:15px; margin:3px 10px 0 0; padding:0; cursor:pointer; background:#fff; border-color:#333; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}form fieldset input.radio:after,form fieldset input.checkbox:after{ content:''; line-height:15px; font-size:20px; color:#fff; position:relative; top:-3px; left:1px}form fieldset input.radio:checked,form fieldset input.checkbox:checked{ background:#89e5b1!important; border-color:#27ae61!important}form fieldset input.radio:checked:after,form fieldset input.checkbox:checked:after{ content:'✔'; color:#27ae61}form fieldset input.radio:after{ content:''; font-size:20px; top:-4px; left:2px}form fieldset input.radio:checked:after{ content:'x'}form fieldset textarea{ height:65px}form fieldset input.text:focus,form fieldset input.radio:focus,form fieldset input.number:focus,form fieldset input.checkbox:focus,form fieldset select:focus,form fieldset textarea:focus{ border-color:#1877F2; box-shadow:0 0 4px #1877F2}form fieldset input.text:focus ~ label.placeholder,form fieldset input.text:not(:placeholder-shown) ~ label.placeholder,form fieldset input.text:-webkit-autofill ~ label.placeholder,form fieldset textarea:focus ~ label.placeholder,form fieldset textarea:not(:placeholder-shown) ~ label.placeholder,form fieldset textarea:-webkit-autofill ~ label.placeholder{ top:3px; font-size:10px; font-weight:900; color:#333; text-transform:uppercase}form fieldset input.text:focus ~ label.placeholder:after,form fieldset input.text:not(:placeholder-shown) ~ label.placeholder:after,form fieldset input.text:-webkit-autofill ~ label.placeholder:after,form fieldset textarea:focus ~ label.placeholder:after,form fieldset textarea:not(:placeholder-shown) ~ label.placeholder:after,form fieldset textarea:-webkit-autofill ~ label.placeholder:after{ content:''}form fieldset input.number ~ label.placeholder.active,form fieldset select ~ label.placeholder.active{ top:3px; font-size:10px; font-weight:900; color:#333; text-transform:uppercase}form fieldset input.number ~ label.placeholder.active:after,form fieldset select ~ label.placeholder.active:after{ content:''}form fieldset input[readonly],form fieldset select[disabled],form fieldset input[disabled]{ cursor:not-allowed; color:#737373}form fieldset input.validation-error,form fieldset select.validation-error,form fieldset textarea.validation-error{ background:#fcbdca!important; border-color:#f51241}form fieldset input.validation-ok,form fieldset select.validation-ok,form fieldset textarea.validation-ok{ background:#9ee9be!important; border-color:#27ae61}form fieldset div.g-recaptcha{ margin:5px 0}form fieldset.noborder{ border:0}form fieldset.half{ width:50%}form fieldset.nopadding{ padding-top:25px}.button{ display:block; width:auto; height:45px; line-height:45px; border:0; padding:0 25px; margin:0; text-decoration:none; text-transform:uppercase; cursor:pointer; text-align:center; background:#9b643e; border-bottom:3px solid #774c2f; color:#fff; font-size:15px; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}.button:hover{ background:#774c2f}.button i.fa{ font-size:15px; margin:0 0 0 5px}.button.prev{ background:#777; border-color:#5e5e5e}.button.prev:hover{ background:#5e5e5e}.button.prev i.fa{ margin:0 5px 0 0}.button.waiting{ display:none; background:#ddd; border-color:#c4c4c4; color:#333; cursor:not-allowed}div.mfp-order{ position:absolute; top:40px; left:0; padding:15px; background:#9b643e}div.mfp-order select{ display:block; width:400px; border:0; padding:10px; cursor:pointer}div.mfp-order span.msg{ margin:1px 0 0 0; padding:15px}body{ font-family:'Mulish',sans-serif; color:#333; font-size:15px; font-weight:300; line-height:1.5; background:#fff}body.fixed{ padding-top:75px}a{ color:#9b643e}a:hover{ text-decoration:none}.inside{ width:1100px; margin:0 auto; position:relative}.mobile{ display:none}#notification{ width:100%; text-align:center; background:#f51241; color:#fff; padding:10px 0}#cookie{ position:fixed; bottom:0; left:0; z-index:10; width:100%; text-align:center; background:#dfcb78; padding:3px 0; font-size:10px}#cookie a{ color:#fff}#header{ padding:25px 0}#header #logo{ display:block; float:left}#header #logo img{ display:block; height:75px; margin-top:25px}#header #kontakty{ float:right}#header #kontakty a{ display:inline-block; margin-left:25px; text-decoration:none; border-bottom:1px solid transparent; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header #kontakty a:hover{ border-color:#9b643e}#header #kontakty a i.fa{ display:inline-block; margin-right:2.5px; color:#777}#header #menu{ float:right; clear:right; margin-top:15px}#header #menu ul{ list-style:none}#header #menu ul li{ display:block; float:left; position:relative}#header #menu ul li a{ display:block; float:left; margin-left:25px; border-bottom:1px solid transparent; color:#777; text-decoration:none; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header #menu ul li a:hover{ border-color:#777; text-decoration:none}#header #menu ul li a.active{ font-weight:bold}#header #menu ul li a.user{ color:#9b643e}#header #menu ul li a.logout{ color:#f51241}#header #menu_mobile{ display:none; float:right; font-size:20px; background:#9b643e; color:#fff}#header #menu_mobile i.fa{ padding:12.5px}#header #options{ margin-top:15px; float:right; clear:right; font-size:12.5px}#header #options #jazyk,#header #options #mena,#header #options #kosik{ display:block; float:right; line-height:35px; padding:0 15px; margin-left:25px; border:1px solid #9b643e; border-top:1px solid transparent; border-left:1px solid transparent; color:#777; cursor:pointer; text-align:center; text-decoration:none; background:transparent; -webkit-appearance:none; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header #options #jazyk:hover,#header #options #mena:hover,#header #options #kosik:hover{ border:1px solid #9b643e}#content{ padding:75px 0}#content h1{ font-size:35px; color:#9b643e; margin-bottom:25px; font-weight:300; line-height:1.25}#content h2{ font-size:25px; color:#9b643e; margin-bottom:5px; font-weight:300; line-height:1.25}#content h3{ font-size:17px; color:#dfcb78; margin-bottom:3px; font-weight:300; line-height:1.25}#content p,#content ul,#content ol{ margin-bottom:25px}#content ul,#content ol{ margin-left:25px}#content p:last-of-type,#content ul:last-of-type,#content ol:last-of-type{ margin-bottom:0}#content div.description{ padding:15px; margin-bottom:25px; border:1px solid #eee; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px; background:linear-gradient(200deg,#fff 0,#eee 100%)}#content div.description.bottom{ margin-top:25px; margin-bottom:0}#content div.paging a{ display:inline-block; background:#ddd; padding:5px 10px; text-decoration:none; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div.paging a:hover{ background:#ccc}#content div.paging strong{ display:inline-block; background:#9b643e; color:#fff; padding:2.5px 10px; text-decoration:none; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div.paging #limit{ float:right; border:0; background:#dfcb78; color:#fff; padding:5px 10px; cursor:pointer; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #eventy div.eventy div.event{ width:48%; float:left; margin-bottom:25px; padding:15px; border:1px solid #9b643e; border-top:1px solid transparent; border-right:1px solid transparent; position:relative; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #eventy div.eventy div.event:hover{ border:1px solid #9b643e}#content #eventy div.eventy div.event:nth-of-type(2n){ float:right}#content #eventy div.eventy div.event a{ display:block; text-decoration:none}#content #eventy div.eventy div.event a span.img{ display:block; width:250px; height:200px; float:left; overflow:hidden; background:#eee; position:relative; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #eventy div.eventy div.event a span.img:after{ content:'\f03e'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#aaa}#content #eventy div.eventy div.event a span.img img{ position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; width:100%; height:200px; object-fit:cover; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #eventy div.eventy div.event a span.nazev,#content #eventy div.eventy div.event a span.popis{ display:block; float:left; width:calc(100% - 250px); padding:0 0 0 30px; margin-bottom:15px; color:#333; font-size:20px}#content #eventy div.eventy div.event a span.popis{ font-size:15px}#content #eventy div.eventy div.event a:hover span.img img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1)}#content form#event{ width:500px; margin:0 auto}#content div#event a.folder,#content div#event a.lightbox{ display:block; float:left; margin:0 1px 1px 0; min-width:133px; height:200px; background:#eee; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div#event a.folder:hover img,#content div#event a.lightbox:hover img{ opacity:0.66}#content div#event a.folder img,#content div#event a.lightbox img{ display:block; width:100%; height:100%; object-fit:cover; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div#event a.folder{ min-width:auto; height:auto; padding:25px; margin:0 25px 25px 0; text-decoration:none; background:transparent; border:1px solid #9b643e; border-top-color:transparent; border-right-color:transparent}#content div#event a.folder:hover{ border:1px solid #9b643e}#content div#event a.folder:hover i.fa{ color:#9b643e}#content div#event a.folder i.fa{ display:inline-block; color:#333; margin-right:5px; font-size:20px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #cart div.nav{ margin-bottom:25px; height:80px}#content #cart div.nav a{ display:block; float:left; width:calc(33.33% - 1px); background:#9b643e; padding:25px; margin:0 1px 0 0; text-decoration:none; color:#fff; font-size:20px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #cart div.nav a:hover{ background:#dfcb78}#content #cart div.nav a b{ margin-right:5px}#content #cart div.nav a i.fa{ display:block; float:right; font-size:30px}#content #cart div.nav a.active{ background:#dfcb78}#content #cart span.info.important{ background:#f51241; color:#fff}#content #cart .prev{ float:right}#content #cart .next{ float:left}#content #cart .step{ display:none}#content #cart .step.active{ display:block}#content #cart #step1 form fieldset{ padding:0; margin:0; background:transparent}#content #cart #step1 form fieldset table{ margin-bottom:25px}#content #cart #step1 form fieldset table tr th{ padding:10px; background:#777; color:#fff; font-weight:normal; vertical-align:middle}#content #cart #step1 form fieldset table tr th input.submit{ height:23px; line-height:20px; width:150px; font-size:13px; padding:0}#content #cart #step1 form fieldset table tr td{ padding:10px; vertical-align:middle; border-top:1px dotted #777}#content #cart #step1 form fieldset table tr td span.img{ display:block; max-width:150px; height:100px; overflow:hidden; position:relative; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px}#content #cart #step1 form fieldset table tr td span.img:after{ content:'\f03e'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#aaa}#content #cart #step1 form fieldset table tr td span.img img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0}#content #cart #step1 form fieldset table tr td span.dostupnost{ color:#f51241}#content #cart #step1 form fieldset table tr td span.skladem.skladem{ color:#dfcb78}#content #cart #step1 form fieldset table tr td input.number{ width:75px; border:0; color:#fff; background:#9b643e; padding:10px; text-align:center; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px}#content #cart #step1 form fieldset table tr td select{ width:300px; background:#9b643e; color:#fff; border:0; margin:5px 0 0 0; padding:0 10px; height:40px; line-height:40px; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px}#content #cart #step1 form fieldset table tr td a.delete{ color:#f51241; font-size:20px}#content #cart #step1 form fieldset table tr td a.delete i.fa{ transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #cart #step1 form fieldset table tr td a.delete:hover i.fa{ transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25)}#content #cart #step1 form fieldset table tr td.r{ white-space:nowrap}#content #cart #step1 span.free_shipping{ margin-top:25px}#content #cart #step2 form fieldset:last-of-type{ padding-top:25px}#content #cart #step2 form fieldset input.text,#content #cart #step2 form fieldset select,#content #cart #step2 form fieldset textarea{ background:#f5f5f5}#content #cart #step2 form fieldset select{ width:50%; padding:13px}#content #cart #step2 form fieldset input.checkbox{ background:#fff}#content #cart #step2 form fieldset div.method{ padding:25px; margin-bottom:1px; background:#f5f5f5; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px}#content #cart #step2 form fieldset div.method input.radio{ margin:15px 25px 0 0}#content #cart #step2 form fieldset div.method label.radio{ float:left; width:calc(100% - 40px); cursor:pointer}#content #cart #step2 form fieldset div.method label.radio span.item{ display:block}#content #cart #step2 form fieldset div.method label.radio span.item.nazev{ float:left; width:500px}#content #cart #step2 form fieldset div.method label.radio span.item.cena{ float:left; width:100px; font-weight:bold}#content #cart #step2 form fieldset div.method label.radio span.item.img{ float:right; height:35px; margin-top:10px; overflow:hidden; border-radius:1px; -webkit-border-radius:1px; -moz-border-radius:1px}#content #cart #step2 form fieldset div.method label.radio span.item.img img{ display:block; max-height:35px}#content #cart #step2 form fieldset div.method label.radio span.item.popis{ clear:left; color:#aaa; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #cart #step2 form fieldset div.method div.pobocky-box{ display:none; margin:10px 0 0 40px}#content #cart #step2 form fieldset div.method div.pobocky-box select{ background:#f5f5f5}#content #cart #step2 form fieldset div.method div.pobocky-box.active{ display:block}#content #cart #step2 form fieldset div.method:last-of-type{ margin-bottom:0}#content #cart #step2 form fieldset div.method:hover label.radio span.item.popis{ color:#333}#content #cart #step2 form fieldset div.method.disabled{ cursor:not-allowed}#content #cart #step2 form fieldset div.method.disabled *{ cursor:not-allowed!important; color:#aaa!important}#content #cart #step2 form fieldset #box_faktura,#content #cart #step2 form fieldset #box_firma{ clear:both}#content #cart #step2 form fieldset #box_faktura span.loading.none,#content #cart #step2 form fieldset #box_firma span.loading.none{ display:none}#content #cart #step2 form fieldset #box_kupon input.text{ width:50%}#content #cart #step2 form fieldset span.info{ margin-bottom:5px}#content #cart #step3 form fieldset{ padding:0; background:transparent}#content #cart #step3 table tr td,#content #cart #step3 table tr th{ width:50%; padding:5px 25px}#content #cart #step3 table tr th.head{ background:#777; color:#fff}#content #cart #step3 table tr:nth-of-type(2n){ background:#eee}#content #cart #step3 table tr td.r{ white-space:nowrap}#copyright{ background:#9b643e; color:#fff; padding:45px 0; text-align:center}#copyright div.social{ margin-bottom:15px}#copyright div.social a.social{ display:inline-block; margin:0 15px; color:#fff}#copyright div.social a.social:hover{ color:#777}#copyright p a{ color:#fff}#payments{ padding:15px 0; text-align:center}#payments img{ display:inline-block; max-width:100%}@media screen and (max-width:1150px){ .inside{ width:100%!important; padding-left:5%!important; padding-right:5%!important;}}@media screen and (max-width:800px){ .mobile{ display:block;} .pc{ display:none;} form fieldset input.text, form fieldset select, form fieldset textarea{ width:100%!important;} form fieldset.half{ width:100%!important;} div.mfp-order{ padding:2.5px;} div.mfp-order select{ width:200px; padding:2.5px;} .button{ height:auto; line-height:1.25; padding-top:10px; padding-bottom:10px;} #header{ padding:10px 0;} #header #kontakty, #header #menu{ display:none;} #header #menu{ width:100%;} #header #menu ul li{ display:block; float:none;} #header #menu ul li a{ display:block; float:none; padding:5px; margin:0; border-bottom:1px solid #eee; text-align:right;} #header #menu_mobile{ display:block;} #header #logo img{ height:50px;} #header #options #jazyk, #header #options #mena, #header #options #kosik{ margin-left:10px; padding:0 10px;} #content{ padding:25px 0 35px 0;} #content h1{ font-size:25px; margin-bottom:15px;} #content form#event{ width:100%;} #content #eventy div.eventy div.event{ float:none!important; width:100%; margin-bottom:15px;} #content #eventy div.eventy div.event a span.img{ float:none; width:100%;} #content #eventy div.eventy div.event a span.nazev, #content #eventy div.eventy div.event a span.popis{ float:none; width:100%; margin:0;} #content #eventy div.eventy div.event a span.nazev{ padding:0; margin:10px 0;} #content div#event a.folder{ margin:0 10px 10px 0;} #content #cart div.nav{ height:auto;} #content #cart div.nav a{ width:100%; float:none; margin-bottom:1px; font-size:15px; padding-top:10px; padding-bottom:10px;} #content #cart div.nav a i.fa{ font-size:20px;} #content #cart .button{ width:100%; float:none;} #content #cart #step2 form fieldset{ padding:10px;} #content #cart #step2 form fieldset:last-of-type{ padding-top:10px;} #content #cart #step2 form fieldset legend{ left:10px;} #content #cart #step2 form fieldset div.method label.radio span.item{ float:none!important; width:auto!important; margin:0 0 5px 0!important;} #content #cart #step2 form fieldset #box_firma div.item i.fa-refresh{ left:auto; right:25px;} #content #cart #step2 form fieldset.nopadding{ padding:10px;} #copyright p{ width:100%; text-align:center;}}