@import 'base.min.css';@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');@font-face{ font-family:'Mulish'; src:url('../file/font/Mulish/Mulish-Light.ttf') format('truetype'); font-weight:300; font-style:normal; font-display:swap}@font-face{ font-family:'Mulish'; src:url('../file/font/Mulish/Mulish-Regular.ttf') format('truetype'); font-weight:400; font-style:normal; font-display:swap}@font-face{ font-family:'Mulish'; src:url('../file/font/Mulish/Mulish-SemiBold.ttf') format('truetype'); font-weight:700; font-style:normal; font-display:swap}@font-face{ font-family:'Mulish'; src:url('../file/font/Mulish/Mulish-Black.ttf') format('truetype'); font-weight:900; font-style:normal; font-display:swap}.tooltipster-base{ font-family:'Mulish',sans-serif!important}.tooltipster-sidetip.tooltipster-borderless .tooltipster-box{ background:#dd0048!important; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border{ border-bottom-color:#dd0048!important}.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border{ border-left-color:#dd0048!important}.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border{ border-right-color:#dd0048!important}.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border{ border-top-color:#dd0048!important}.lightbox2 .mfp-img,.lightbox3 .mpf-img{ max-width:400px!important; max-height:400px!important; width:auto; height:auto; margin:0 auto}@media (max-width:450px){ .lightbox2 .mfp-img, .lightbox3 .mfp-img{ max-width:100%; height:auto;}}.plyr{ --plyr-color-main:#f8c336}.ok2{ border:1px solid #fff; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}.ok2 i.fa{ margin-right:5px}form fieldset{ margin-bottom:35px; padding:50px 25px 25px 25px; background:#f5f5f5; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}form fieldset:last-of-type{ margin-bottom:0}form fieldset legend{ display:block; padding:10px 15px; background:#f8c336; color:#fff; margin-bottom:10px; position:absolute; top:0; left:25px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}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:1; cursor:pointer; display:flex; align-items:center; justify-content:center}form fieldset label{ position:relative}form fieldset label.required:after{ content:' *'; color:#dd0048; font-size:20px; line-height:14px}form fieldset label.checkbox{ float:left; width:calc(100% - 25px); cursor:pointer; margin-bottom:10px}form fieldset label.placeholder{ position:absolute; top:13px; left:15px; pointer-events:none; color:#747474; 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:#f5f5f5; margin-bottom:5px; padding:17px 0 8px 15px; font-size:14px; font-family:'Mulish',sans-serif; border:1px solid #e5e5e5; position:relative; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; 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.shorter,form fieldset select.shorter,form fieldset textarea.shorter{ width:50%}form fieldset input.short,form fieldset select.short,form fieldset textarea.short{ width:150px}form fieldset input.password{ padding-right:40px}form fieldset input.submit{ background:#f8c336; 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:#272727; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; 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:#79d281!important; border-color:#2d8535!important}form fieldset input.radio:checked:after,form fieldset input.checkbox:checked:after{ content:'✔'; color:#2d8535}form fieldset input.radio:after{ content:''; font-size:20px; left:1px}form fieldset input.radio:checked:after{ content:'x'}form fieldset textarea{ height:100px}form fieldset input.text:focus,form fieldset input.radio:focus,form fieldset input.checkbox:focus,form fieldset select:focus,form fieldset textarea:focus{ border-color:#1877F2; box-shadow:0 0 4px 0 #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:#272727; 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:#272727; 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 input[disabled]{ cursor:not-allowed; color:#676767}form fieldset input.validation-error,form fieldset select.validation-error,form fieldset textarea.validation-error{ background:#ff91b4!important; border-color:#dd0048}form fieldset input.validation-ok,form fieldset select.validation-ok,form fieldset textarea.validation-ok{ background:#8cd893!important; border-color:#2d8535}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; cursor:pointer; text-align:center; background:#f8c336; color:#fff; border-bottom:3px solid #f3b308; font-size:14px; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}.button:hover{ background:#f3b308}.button i.fa{ font-size:14px; margin:0 0 0 5px}.button.inline{ display:inline-block}.button.inquiry{ background:#dd0048; border-color:#aa0037}.button.inquiry:hover{ background:#aa0037}.button.inquiry i.fa{ margin:0 5px 0 0}.button.prev{ background:#1a2b38; border-color:#0a1015}.button.prev:hover{ background:#0a1015}.button.prev i.fa{ margin:0 5px 0 0}.button.waiting{ display:none; background:#e0e2ec; border-color:#c0c4d9; color:#272727; cursor:not-allowed}body{ font-family:'Mulish',sans-serif; color:#272727; font-size:14px; font-weight:300; line-height:1.5; padding-top:40px; background:#fff; overflow-x:hidden}a{ color:#f8c336}a:hover{ text-decoration:none}.inside{ width:1175px; margin:0 auto; position:relative}.mobile{ display:none}.grecaptcha-badge{ z-index:10}.cc_consent{ display:none}.cc_consent.cc_granted{ display:block}#cookies{ display:none; position:fixed; bottom:0; left:0; z-index:999; width:100%; border-top:1px solid #F0F1F6; background:#fff; color:#272727; padding:15px 0}#cookies a{ color:#272727; border-color:#272727}#cookies a:hover{ border-color:#fff}#cookies button.button{ display:inline-block; height:auto; line-height:1; padding:10px; margin-top:10px; font-size:12px; color:#272727}#cookies button.button.prev{ background:#e0e2ec; border-color:#c0c4d9}#cookies button.button.prev:hover{ background:#c0c4d9}#cookies #cookies_info{ text-align:center; font-size:12px}#cookies #cookies_settings{ display:none; margin-top:10px}#cookies #cookies_settings div.box{ padding:10px 0; border-top:1px solid #F0F1F6}#cookies #cookies_settings div.box:nth-of-type(4){ border-bottom:1px solid #F0F1F6}#cookies #cookies_settings div.box label{ display:inline-block; margin-left:3px; font-weight:bold; cursor:pointer}#cookies #cookies_settings div.box p{ font-size:10px}#cookies.active{ display:block}#cookies_closed{ display:none; position:fixed; bottom:0; left:0; z-index:999; border-top:1px solid #F0F1F6; border-right:1px solid #F0F1F6; background:#fff; padding:5px 10px; font-size:10px; cursor:pointer; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#cookies_closed:hover{ background:#F0F1F6}#cookies_closed.active{ display:block}#notification{ width:100%; position:fixed; top:0; z-index:9; text-align:center; color:#fff; font-weight:700; transition:all 250ms ease 0s; -webkit-transition:all 250ms ease 0s; -moz-transition:all 250ms ease 0s}#notification div.inside{ margin:0 auto; height:40px; line-height:40px; background:linear-gradient(120deg,#dd0048 0,#aa0037 100%); border-radius:0 0 5px 5px}#notification div.inside a.button{ display:inline-block; height:auto; line-height:1; background:#fff; color:#dd0048; padding:5px 15px; margin:0 0 0 10px; border:0; text-transform:none; transition:all 250ms ease 0s; -webkit-transition:all 250ms ease 0s; -moz-transition:all 250ms ease 0s}#notification div.inside a.button:hover{ text-decoration:underline}#fixed_inquiry{ background:linear-gradient(to right,#AD0037 0,#dd0048 60%,#fff); position:fixed; right:0; bottom:102px; z-index:9; padding:15px; color:#fff; border-radius:5px 0 0 5px; font-size:10px; transition:all 150ms ease 0s; -webkit-transition:all 150ms ease 0s; -moz-transition:all 150ms ease 0s}#fixed_inquiry:hover{ background:#AD0037; padding-right:30px}#fixed_inquiry a{ text-decoration:none; color:#fff; font-size:14px; margin:0 5px}#fixed_inquiry a:hover{ text-decoration:underline}#fixed_inquiry a i.fa{ display:inline-block; margin-right:3px}#fixed_reference{ background:linear-gradient(to right,#cba02c 0,#f8c336 60%,#fff); position:fixed; right:0; bottom:50px; z-index:9; padding:15px; color:#fff; border-radius:5px 0 0 5px; transition:all 150ms ease 0s; -webkit-transition:all 150ms ease 0s; -moz-transition:all 150ms ease 0s}#fixed_reference:hover{ background:#cba02c; padding-right:30px}#fixed_reference a{ text-decoration:none; color:#272727; margin:0 5px}#fixed_reference a:hover{ text-decoration:underline}#fixed_reference a i.fa{ display:inline-block; margin-right:3px}#header_top{ padding:10px 0; font-family:'Raleway',sans-serif}#header_top #contacts{ float:left}#header_top #contacts a{ display:inline-block; margin-left:25px; color:#272727; text-decoration:none}#header_top #contacts a:nth-of-type(1){ margin-left:0}#header_top #contacts a:hover{ text-decoration:underline}#header_top #contacts a i.fa{ display:inline-block; width:25px; height:25px; line-height:25px; margin-right:3px; background:#f8c336; color:#272727; text-align:center; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#header_top #langs{ float:right; cursor:pointer; margin-left:100px}#header_top #langs a.lang{ display:inline-block; font-size:20px; height:20px}#header_top #menu{ float:right}#header_top #menu ul{ list-style:none}#header_top #menu ul li{ display:inline-block; position:relative}#header_top #menu ul li:hover > a{ text-decoration:underline}#header_top #menu ul li a{ display:block; margin-left:15px; color:#272727; font-size:12px; text-decoration:none; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header_top #menu ul li a:hover{ text-decoration:underline}#header_top #menu ul li a.active{ text-decoration:underline}#header{ background:#fff; font-family:'Raleway',sans-serif}#header #logo{ display:block; float:left}#header #logo img{ display:block; width:auto; height:100px}#header #buttons{ width:988px; float:right; margin-top:10px}#header #buttons a.main{ display:block; float:right; padding:10px 20px; margin-left:10px; text-decoration:none; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header #buttons a.main i.fa{ display:inline-block; margin-right:5px}#header #buttons a.main.inquiry{ background:linear-gradient(120deg,#dd0048 0,#aa0037 100%); color:#fff}#header #buttons a.main.inquiry:hover{ background:linear-gradient(120deg,#aa0037 0,#aa0037 100%)}#header #buttons a.main.order{ background:linear-gradient(120deg,#2d8535 0,#205f26 100%); color:#fff}#header #buttons a.main.order:hover{ background:linear-gradient(120deg,#205f26 0,#205f26 100%)}#header #buttons #motto{ display:block; float:left; margin-top:8.5px; font-size:20px; font-family:'Caveat',cursive; color:#2d8535; font-weight:600; line-height:22px}#header #categories{ float:right; clear:right; position:relative; z-index:10; background:#f8c336; padding:0 25px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; transition:all 250ms ease 0s; -webkit-transition:all 250ms ease 0s; -moz-transition:all 250ms ease 0s}#header #categories ul.main{ display:flex; justify-content:right; list-style:none}#header #categories ul.main li.main{ display:flex; align-items:center; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header #categories ul.main li.main:hover > a{ text-decoration:underline}#header #categories ul.main li.main:hover > a span.text{ color:#272727}#header #categories ul.main li.main:hover > div.overlay{ display:block}#header #categories ul.main li.main a{ color:#272727; text-decoration:none; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header #categories ul.main li.main a.main{ display:block; text-align:center; padding:15px 10px; position:relative}#header #categories ul.main li.main a.main i.fa{ display:none}#header #categories ul.main li.main a.main span.text{ transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header #categories ul.main li.main > a.active{ font-weight:bold; text-decoration:underline}#header #categories ul.main li.main > div.overlay{ display:none; width:100%; padding:25px; box-shadow:0 0 20px -5px #a0a7c6; position:absolute; top:51px; left:0; z-index:5; background:#F0F1F6; border-radius:5px}#header #categories ul.main li.main > div.overlay ul{ width:100%; text-align:center}#header #categories ul.main li.main > div.overlay ul li{ display:block; width:20%; text-align:center}#header #categories ul.main li.main > div.overlay ul li a{ display:block; line-height:23px; border:0; padding:0; text-decoration:none}#header #categories ul.main li.main > div.overlay ul li a:hover{ background:transparent; text-decoration:underline}#header #categories ul.main li.main > div.overlay ul li a:hover span.img img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1)}#header #categories ul.main li.main > div.overlay ul li a span.img{ display:block; width:85%; height:125px; margin:0 auto; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden}#header #categories ul.main li.main > div.overlay ul li a span.img img{ display:block; object-fit:cover; width:100%; height:125px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#header #categories ul.main li.main > div.overlay ul li a span.text{ display:block; width:85%; margin:5px auto; line-height:20px}#header #categories ul.main li.main > div.overlay ul li a.active{ text-decoration:underline; font-weight:bold}#header #categories ul.main li.main > div.overlay > ul{ display:flex; justify-content:center; flex-wrap:wrap}#header #categories ul.main li.main > div.overlay > ul > li{ margin-bottom:15px}#slider{ width:1175px; max-width:100%; position:relative; margin:25px auto 0 auto; cursor:e-resize}#slider div.item{ position:relative}#slider div.item a{ display:block}#slider div.item a:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05)}#slider div.item a img{ display:block; margin:0 auto; max-width:100%; height:auto!important; transition:all 250ms ease 0s; -webkit-transition:all 250ms ease 0s; -moz-transition:all 250ms ease 0s; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}#slider ul.slick-dots{ position:absolute; bottom:25px; left:0; right:0; z-index:1; text-align:center}#slider ul.slick-dots li{ display:inline}#slider ul.slick-dots li button{ border:0; font-size:0; width:15px; height:15px; background:#f8c336; margin:0 5px; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#slider ul.slick-dots li.slick-active button{ width:45px}#navigation{ margin-bottom:5px; color:#272727; font-size:12px; opacity:0.5}#navigation a{ color:#272727}#navigation strong{ display:inline-block; font-weight:300}#navigation span.sep{ display:inline-block; margin:0 5px}#content{ padding:70px 0; padding-top:35px}#content h1{ font-size:30px; color:#1a2b38; font-family:'Raleway',sans-serif; margin-bottom:40px; font-weight:600; line-height:1.25; position:relative}#content h1:after{ position:absolute; bottom:-20px; left:0; content:''; width:150px; border-top:3px solid #1a2b38; border-right:3px solid transparent; border-left:none}#content h2{ font-size:23px; color:#1a2b38; font-family:'Raleway',sans-serif; margin-bottom:5px; font-weight:600; line-height:1.25}#content h3{ font-size:17px; color:#1a2b38; font-family:'Raleway',sans-serif; margin-bottom:3px; font-weight:600; line-height:1.25}#content span.under{ display:block; position:relative; top:-25px; text-align:center; font-size:20px; font-family:'Raleway',sans-serif}#content p,#content ul,#content ol{ margin-bottom:25px}#content ul,#content ol{ margin-left:25px}#content ul ul,#content ul ol,#content ol ol,#content ol ul{ margin-bottom:0}#content p.tip{ padding:15px 25px; background:#F0F1F6; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content div.pobocka{ float:left; width:30%}#content div.pobocka h2{ margin-bottom:10px}#content div.pobocka i.fa{ display:inline-block; width:20px; text-align:center; margin-right:5px; color:#676767}#content div.pobocka span.adresa{ display:block}#content div.pobocka span.kontakt{ display:block}#content div.pobocka iframe{ display:block; margin-top:10px}#content div.pobocka.middle{ margin:0 5%}#content div.categorytext{ width:47.5%; margin-bottom:25px}#content div.categorytext p{ margin-bottom:10px}#content div.categorytext.homepage{ margin:0; text-align:center}#content div.categorytext.homepage h2{ margin-bottom:0}#content div.categorytext.homepage ul{ margin-left:0; list-style:none}#content div.floatr{ margin-bottom:25px}#content div.floatr ul{ margin-bottom:0}#content div.landing p.c{ clear:both; margin-bottom:0; transform:scale(1.35); -webkit-transform:scale(1.35); -moz-transform:scale(1.35)}#content div.landing div.text{ width:40%; float:left; clear:both; margin:0 0 0 5%; padding:25px 75px 25px 25px; border-right:10px solid #1a2b38; position:relative; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px}#content div.landing div.text h2,#content div.landing div.text p,#content div.landing div.text ul{ margin-bottom:15px}#content div.landing div.text.right{ float:right; margin:0 5% 0 0; padding:25px 25px 25px 75px; border-left:10px solid #1a2b38; border-right:0}#content div.landing div.img{ width:35%; float:left; margin:50px 0 0 10%; position:relative}#content div.landing div.img a.lightbox{ display:block; width:100%; height:300px; overflow:hidden; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content div.landing div.img a.lightbox:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05)}#content div.landing div.img a.lightbox img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div.landing div.img.right{ float:right; margin:50px 10% 0 0}#content div.landing div.one{ margin-top:50px; margin-bottom:75px}#content div.landing div.img.one a.lightbox{ height:405px}#content div.landing div.two{ margin-top:90px!important}#content div.landing div.img.two{ top:-12.5px}#content div.landing div.three{ margin-top:100px!important}#content div.landing div.img.three{ top:-60px}#content div.landing div.four{ margin-top:115px!important; margin-bottom:35px!important}#content div.landing div.img.four{ top:-40px}#content div.landing div.img.four a.lightbox{ height:400px}#content div.landing div.five{ margin-bottom:80px!important}#content div.landing div.img.five{ top:50px}#content div.landing div.img.five a.lightbox{ height:310px}#content div.landing div.gallery{ margin-top:90px}#content div.landing div.gallery a.lightbox{ display:block; width:calc(25% - 1px); height:225px; float:left; margin-right:1px; overflow:hidden; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content div.landing div.gallery a.lightbox:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05)}#content div.landing div.gallery a.lightbox img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div.reference_text_wrapper{ column-count:2; column-gap:35px}#content div.reference_text_wrapper div.reference_text{ display:inline-block; width:100%; padding:35px; margin-bottom:35px; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; background:#F0F1F6}#content div.reference_text_wrapper div.reference_text span.text{ display:block}#content div.reference_text_wrapper div.reference_text span.name{ display:block; margin-top:10px; text-align:left; font-weight:bold}#content #sidebar{ float:right; width:35%}#content #boxes{ position:relative; top:-75px}#content #boxes div.inside a.box{ display:flex; flex-flow:column; justify-content:center; float:left; width:21%; height:175px; background:#2d8535; margin:50px 1% 0 1%; padding:25px; color:#fff; text-align:center; text-decoration:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; transition:all 100ms ease 0s; -webkit-transition:all 100ms ease 0s; -moz-transition:all 100ms ease 0s}#content #boxes div.inside a.box:hover{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05)}#content #boxes div.inside a.box i.fa{ display:inline-block; font-size:25px; margin-bottom:15px}#content #boxes div.inside a.box strong{ display:inline-block; font-size:17px; line-height:1.15}#content #boxes div.inside a.box.main{ width:29%; height:225px; background:#dd0048; margin-top:0}#content #boxes div.inside a.box.main strong{ margin-top:15px; font-size:20px}#content #howto{ padding:70px 0; padding-top:0}#content #howto div.item{ display:block; width:33.33%; float:left; text-align:center; padding:0 25px; position:relative}#content #howto div.item span.icon{ display:block; width:90px; height:90px; line-height:90px; margin:0 auto; font-size:25px; background:#f8c336; color:#272727; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}#content #howto div.item span.number{ position:absolute; top:-5px; right:33%; width:35px; height:35px; line-height:35px; background:#1a2b38; color:#fff; text-align:center; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}#content #howto div.item span.label{ display:flex; justify-content:center; align-items:center; height:40px; font-weight:bold; font-size:17px; line-height:1.15; color:#1a2b38; overflow:hidden}#content #howto div.item span.desc{ display:block; color:#7b7b7b}#content #whyus{ margin:35px 0 75px 0}#content #whyus div.inside #whyus_wrapper{ display:flex; flex-flow:wrap; place-content:stretch center}#content #whyus div.inside #whyus_wrapper div.item{ width:calc(33% - 3px); padding:20px 35px; margin-bottom:10px; position:relative; overflow:hidden; font-family:'Raleway',sans-serif; background:linear-gradient(-90deg,#fff 0,#F0F1F6 100%); border-radius:5px 0 0 5px}#content #whyus div.inside #whyus_wrapper div.item:nth-of-type(2),#content #whyus div.inside #whyus_wrapper div.item:nth-of-type(5),#content #whyus div.inside #whyus_wrapper div.item:nth-of-type(8),#content #whyus div.inside #whyus_wrapper div.item:nth-of-type(11),#content #whyus div.inside #whyus_wrapper div.item:nth-of-type(14){ margin-left:10px; margin-right:10px}#content #whyus div.inside #whyus_wrapper div.item:nth-of-type(7),#content #whyus div.inside #whyus_wrapper div.item:nth-of-type(8),#content #whyus div.inside #whyus_wrapper div.item:nth-of-type(9){ margin-bottom:0}#content #whyus div.inside #whyus_wrapper div.item span.label{ display:block; position:relative; z-index:2; line-height:1.15; font-weight:400}#content #whyus div.inside #whyus_wrapper div.item span.label i.fa{ display:inline-block; color:#dd0048; margin-right:10px; transform:scale(1.5); -webkit-transform:scale(1.5); -moz-transform:scale(1.5); position:relative; left:-10px}#content #whyus div.inside #whyus_wrapper div.item span.desc{ display:block; line-height:1.25}#content #products{ padding:70px 0; padding-top:0}#content #products h2{ margin-bottom:0}#content #products_wrapper{ display:flex; flex-flow:wrap; place-content:stretch center}#content #products_wrapper a.item{ display:block; width:calc(25% - 20px); margin:25px 10px 0 10px; position:relative; overflow:hidden; background:#F0F1F6; text-decoration:none; color:#272727; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #products_wrapper a.item:hover span.img img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); filter:grayscale(0)!important}#content #products_wrapper a.item span.tagy{ position:absolute; top:15px; right:15px; z-index:3}#content #products_wrapper a.item span.tagy span.tag{ display:block; float:right; clear:right; padding:3.5px 7px; margin-bottom:1px; font-size:12px; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content #products_wrapper a.item span.img{ display:block; height:275px; overflow:hidden; position:relative}#content #products_wrapper a.item span.img:after{ content:'\e209'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#a0a7c6}#content #products_wrapper a.item span.img img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s; top:0}#content #products_wrapper a.item span.label{ display:block; padding:20px 20px 2.5px 20px; margin-bottom:15px; font-size:17px; font-weight:600; font-family:'Raleway',sans-serif; position:relative}#content #products_wrapper a.item span.label:after{ position:absolute; bottom:-7px; left:20px; content:''; width:50px; border-top:3px solid #f8c336; border-right:3px solid transparent; border-left:none}#content #products_wrapper a.item span.label i.fa{ display:none}#content #products_wrapper a.item span.desc{ display:block; padding:2.5px 20px 20px 20px; line-height:1.25; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #foryou{ padding:70px 0}#content #foryou div.item.main{ float:left; width:25%; margin-right:5%}#content #foryou div.item.main h2{ font-size:35px; text-align:left; margin-bottom:0; font-weight:400}#content #foryou div.item.main span.desc{ display:block; margin:25px 0}#content #foryou div.item.main span.img{ display:block}#content #foryou div.item.main span.img img{ display:block; width:100%; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content #foryou div.item.sub{ float:left; width:35%; text-align:center; padding:10px 35px}#content #foryou div.item.sub span.img{ display:block; margin:0 auto; width:125px; height:125px; overflow:hidden; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content #foryou div.item.sub span.img img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0}#content #foryou div.item.sub span.label{ display:block; margin:10px 0; font-size:17px; font-weight:400}#content #foryou div.item.sub span.desc{ display:block}#content #form_inquiry{ width:66%; margin:25px auto 0 auto}#content #form_inquiry fieldset{ background:#F0F1F6; padding:25px; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content #form_inquiry fieldset div.input input.text,#content #form_inquiry fieldset div.input select,#content #form_inquiry fieldset div.input textarea{ background:#fff}#content #form_inquiry fieldset div.input.two{ float:left; width:48.5%}#content #form_inquiry fieldset div.input.two.right{ margin-left:3%}#content #form_inquiry fieldset button.submit{ background:#dd0048; border-color:#aa0037}#content #form_inquiry fieldset button.submit:hover{ background:#aa0037}#content #form_rating{ width:50%; margin:0 auto}#content #form_rating fieldset{ background:#F0F1F6; padding:25px; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content #form_rating fieldset div.item{ margin-bottom:10px}#content #form_rating fieldset div.item strong{ display:block; margin-bottom:5px}#content #form_rating fieldset div.item textarea{ background:#fff}#content #form_rating fieldset div.input input.text{ background:#fff}#content #form_rating fieldset button.button{ color:#272727}#content div.produkt_content{ position:relative}#content div.produkt_content #text.produkt{ float:left; width:47.5%}#content div.produkt_content #text.produkt div.img{ display:block; margin-bottom:25px; border:1px solid #F0F1F6}#content div.produkt_content #text.produkt div.img a.item{ display:block; position:relative; max-height:500px; overflow:hidden}#content div.produkt_content #text.produkt div.img a.item:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05)}#content div.produkt_content #text.produkt div.img a.item:after{ content:'\e209'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#a0a7c6}#content div.produkt_content #text.produkt div.img a.item img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div.produkt_content div.box.tagy{ margin-bottom:25px}#content div.produkt_content div.box.tagy div.tag{ display:inline-block; padding:10px; margin:0 1px 1px 0; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content div.produkt_content div.box.tagy div.tag strong{ display:block; font-size:12px}#content div.produkt_content div.box.tagy div.tag span{ display:block; font-size:10px}#content div.produkt_content #sidebar.produkt{ width:47.5%; margin-bottom:25px}#content div.produkt_content #sidebar.produkt div.box{ margin-top:25px}#content div.produkt_content #sidebar.produkt div.box h3{ margin-bottom:5px}#content div.produkt_content #sidebar.produkt div.box.vlastnosti div.line{ position:relative; display:block; margin-bottom:5px}#content div.produkt_content #sidebar.produkt div.box.vlastnosti div.line span,#content div.produkt_content #sidebar.produkt div.box.vlastnosti div.line strong{ display:block; max-width:40%; float:left; padding:0 10px 0 0; background:#fff}#content div.produkt_content #sidebar.produkt div.box.vlastnosti div.line span:before,#content div.produkt_content #sidebar.produkt div.box.vlastnosti div.line strong:before{ content:' '; position:absolute; z-index:2; bottom:-4px; left:0; right:0; border-bottom:1px dotted #a0a7c6}#content div.produkt_content #sidebar.produkt div.box.vlastnosti div.line span{ max-width:60%; float:right; text-align:right; padding:0 0 0 10px}#content div.produkt_content #sidebar.produkt div.box.varianty table{ font-size:12px}#content div.produkt_content #sidebar.produkt div.box.varianty table tr:hover td{ background:#F0F1F6}#content div.produkt_content #sidebar.produkt div.box.varianty table tr th{ background:#f8c336; padding:15px 2.5px}#content div.produkt_content #sidebar.produkt div.box.varianty table tr td{ padding:5px 2.5px; border-bottom:1px solid #F0F1F6; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div.produkt_content #sidebar.produkt div.box.varianty table tr td a.order{ color:#272727}#content div.produkt_content #sidebar.produkt div.box.varianty table tr td.ks{ font-style:italic}#content div.produkt_content #sidebar.produkt div.box.varianty table tr td.cena{ font-weight:bold}#content div.produkt_content #sidebar.produkt div.box.vzornik span.label{ display:block; font-size:10px; margin-bottom:5px}#content div.produkt_content #sidebar.produkt div.box.vzornik div.wrapper{ max-height:325px; overflow-x:auto; padding:10px; background:#F0F1F6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}#content div.produkt_content #sidebar.produkt div.box.vzornik div.wrapper a.item{ display:block; float:left; width:calc(25% - 10px); height:115px; margin:0 10px 10px 0; overflow:hidden; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}#content div.produkt_content #sidebar.produkt div.box.vzornik div.wrapper a.item:hover img{ transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25)}#content div.produkt_content #sidebar.produkt div.box.vzornik div.wrapper a.item:after{ content:'\e209'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#a0a7c6}#content div.produkt_content #sidebar.produkt div.box.vzornik div.wrapper a.item img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s; object-fit:initial}#content div.produkt_content #sidebar.produkt div.gallery{ margin-top:25px}#content div.produkt_content #sidebar.produkt div.gallery a.item{ display:block; float:left; margin:0 2px 2px 0; width:calc(33% - 2px); height:125px; overflow:hidden; position:relative}#content div.produkt_content #sidebar.produkt div.box.kontakt{ position:sticky; top:66px; z-index:3}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset{ background:#f8c336; padding:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third{ float:left; width:42.5%}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third label.placeholder{ top:8px; left:8px}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.number,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.text,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.number,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.text,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.number,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.text,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.number,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.text{ padding:13px 0 3px 7px}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.number:focus ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.number:not(:placeholder-shown) ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.number:-webkit-autofill ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.text:focus ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.text:not(:placeholder-shown) ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.text:-webkit-autofill ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.number:focus ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.number:not(:placeholder-shown) ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.number:-webkit-autofill ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.text:focus ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.text:not(:placeholder-shown) ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.text:-webkit-autofill ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.number:focus ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.number:not(:placeholder-shown) ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.number:-webkit-autofill ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.text:focus ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.text:not(:placeholder-shown) ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.text:-webkit-autofill ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.number:focus ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.number:not(:placeholder-shown) ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.number:-webkit-autofill ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.text:focus ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.text:not(:placeholder-shown) ~ label.placeholder,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.text:-webkit-autofill ~ label.placeholder{ top:0}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.number:focus ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.number:not(:placeholder-shown) ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.number:-webkit-autofill ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.text:focus ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.text:not(:placeholder-shown) ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third input.text:-webkit-autofill ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.number:focus ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.number:not(:placeholder-shown) ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.number:-webkit-autofill ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.text:focus ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.text:not(:placeholder-shown) ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third input.text:-webkit-autofill ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.number:focus ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.number:not(:placeholder-shown) ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.number:-webkit-autofill ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.text:focus ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.text:not(:placeholder-shown) ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third input.text:-webkit-autofill ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.number:focus ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.number:not(:placeholder-shown) ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.number:-webkit-autofill ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.text:focus ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.text:not(:placeholder-shown) ~ label.placeholder:after,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third input.text:-webkit-autofill ~ label.placeholder:after{ content:''}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third.small,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset div.input.third.small,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset div.input.third.small,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset div.input.third.small{ width:15%; line-height:35px; text-align:center}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset p,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset p,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset p,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset p{ margin-bottom:5px}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset p a,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset p a,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset p a,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset p a{ color:#272727}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset p.small,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset p.small,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset p.small,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset p.small{ margin:5px 0; font-size:10px}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset .button,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset .button,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset .button,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset .button{ height:35px; line-height:30px; padding:0 25px; font-size:12px; background:#1a2b38; border-color:#0a1015; color:#fff}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset .button:hover,#content div.produkt_content #sidebar.produkt div.box.objednavka #form_contact fieldset .button:hover,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_order fieldset .button:hover,#content div.produkt_content #sidebar.produkt div.box.kontakt #form_contact fieldset .button:hover{ background:#0a1015}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset{ background:#2d8535}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third{ width:50%}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset div.input.third.text{ color:#fff; font-size:20px}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset p.small{ color:#fff}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset p.small a{ color:#fff}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset .button{ background:#f8c336; border-color:#f3b308; color:#272727}#content div.produkt_content #sidebar.produkt div.box.objednavka #form_order fieldset .button:hover{ background:#f3b308}#content div.gallery{ margin-top:25px}#content div.gallery a.item{ display:block; float:left; margin:0 2px 2px 0; width:calc(20% - 2px); height:150px; overflow:hidden; position:relative; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content div.gallery a.item:hover img{ transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25)}#content div.gallery a.item:after{ content:'\e209'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#a0a7c6}#content div.gallery a.item img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content div.videa{ margin-top:25px}#content div.videa div.plyr{ display:block; float:left; width:49%; height:400px; border:0; margin:0 1% 10px 0}#content #text.blog.list{ float:left; width:60%}#content #text.blog.list a.item{ display:block; width:calc((100% - 25px) / 2); margin:0 25px 25px 0; float:left; position:relative; text-decoration:none; color:#272727; background:#F0F1F6; overflow:hidden; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content #text.blog.list a.item:hover span.img img{ transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25)}#content #text.blog.list a.item:nth-of-type(2n){ margin-right:0}#content #text.blog.list a.item span.img{ display:block; height:300px; overflow:hidden; position:relative; z-index:1}#content #text.blog.list a.item span.img:after{ content:'\e209'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#a0a7c6}#content #text.blog.list a.item span.img img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #text.blog.list a.item span.date{ position:absolute; top:15px; left:15px; z-index:2; padding:10px 20px; background:#1a2b38; color:#fff; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #text.blog.list a.item span.nazev{ display:flex; align-items:center; height:75px; padding:0 15px; background:#F0F1F6; line-height:1.25; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #text.blog.detail{ float:left; width:60%}#content #text.blog.detail div.img{ display:block; margin-bottom:25px; border:1px solid #F0F1F6}#content #text.blog.detail div.img a.item{ display:block; position:relative; overflow:hidden}#content #text.blog.detail div.img a.item:after{ content:'\e209'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#a0a7c6}#content #text.blog.detail div.img a.item img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0}#content #text.blog.detail div.gallery{ margin-top:25px}#content #text.blog.detail div.gallery a.item{ display:inline-block; margin:0 6px 0 0; width:230px; overflow:hidden; position:relative}#content #text.blog.detail div.gallery a.item:hover img{ transform:scale(1.25); -webkit-transform:scale(1.25); -moz-transform:scale(1.25)}#content #text.blog.detail div.gallery a.item:after{ content:'\e209'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#a0a7c6}#content #text.blog.detail div.gallery a.item img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #sidebar.blog.list h3,#content #sidebar.blog.detail h3{ margin-bottom:5px}#content #sidebar.blog.list ul,#content #sidebar.blog.detail ul{ list-style:none; margin:0}#content #sidebar.blog.list ul li:nth-of-type(1) a,#content #sidebar.blog.detail ul li:nth-of-type(1) a{ border-top:0}#content #sidebar.blog.list ul li:last-of-type a,#content #sidebar.blog.detail ul li:last-of-type a{ border-bottom:0}#content #sidebar.blog.list ul li a,#content #sidebar.blog.detail ul li a{ display:block; padding:10px 15px; background:#F0F1F6; color:#272727; border-top:1px solid #ffffff; border-bottom:1px solid #d0d3e3; text-decoration:none; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#content #sidebar.blog.list ul li a:hover,#content #sidebar.blog.detail ul li a:hover{ background:#1a2b38; color:#fff}#content #sidebar.blog.list .tagy,#content #sidebar.blog.detail .tagy{ margin-top:50px}#content #sidebar.blog.list .tagy a,#content #sidebar.blog.detail .tagy a{ display:block; float:left; margin:0 1px 1px 0; padding:5px 10px; font-size:12px; background:#F0F1F6; color:#1a2b38; text-decoration:none; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #sidebar.blog.list .tagy a:hover,#content #sidebar.blog.detail .tagy a:hover{ background:#1a2b38; color:#fff}#content #sidebar.blog.list .social,#content #sidebar.blog.detail .social{ margin-top:50px}#content #sidebar.blog.list .social a,#content #sidebar.blog.detail .social a{ transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#content #sidebar.blog.list .social a:hover,#content #sidebar.blog.detail .social a:hover{ transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15)}body.home #content{ padding-bottom:0}body.home #content h1,body.home #content h2{ display:block; text-align:center; font-weight:600; font-size:26px; margin-bottom:15px; color:#1a2b38}body.home #content h1:after,body.home #content h2:after{ display:none}body.home #content #products_wrapper a.item span.img img{ filter:grayscale(1)}body.home #blog h3{ color:#1a2b38}body.scrolled #notification{ background:linear-gradient(120deg,#dd0048 0,#aa0037 100%); border-radius:0; -webkit-border-radius:0; -moz-border-radius:0}body.scrolled #notification div.inside{ background:transparent}body.scrolled #header #categories{ width:100%; position:fixed; top:40px; left:0; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0}body.scrolled #header #categories ul.main{ justify-content:center}body.scrolled #header #categories ul.main li.main > div.overlay{ border-radius:0; -webkit-border-radius:0; -moz-border-radius:0}body.scrolled #header #categories ul.main li.main > div.overlay > ul{ max-width:1175px; margin:0 auto}body.scrolled #header #buttons{ margin-top:61px}#reference{ margin-bottom:70px}#reference div.inside{ padding:70px 0; padding-bottom:85px; background:#F0F1F6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}#reference div.inside h3{ display:block; text-align:center; font-family:'Raleway',sans-serif; color:#1a2b38; font-weight:600; font-size:26px; margin-bottom:15px}#reference div.inside #reference_wrapper{ position:relative}#reference div.inside #reference_wrapper i.slick-arrow{ width:40px; height:40px; line-height:40px; text-align:center; background:#f8c336; position:absolute; bottom:-45px; font-size:20px; color:#272727; cursor:pointer; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#reference div.inside #reference_wrapper i.slick-arrow:hover{ background:#1a2b38; color:#fff}#reference div.inside #reference_wrapper i.slick-arrow-left{ left:509px}#reference div.inside #reference_wrapper i.slick-arrow-right{ right:509px}#reference div.inside #reference_wrapper div.slick-slide{ margin:0 15px}#reference div.inside #reference_wrapper div.slick-slide div.item{ padding:0 25px; margin:10px 0; text-align:center; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px}#reference div.inside #reference_wrapper div.slick-slide div.item span.desc{ display:block; margin-bottom:10px; font-style:italic}#reference div.inside #reference_wrapper div.slick-slide div.item span.label{ display:block; font-weight:600}#reference div.inside #reference_wrapper div.slick-slide div.item span.label i.fa{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; background:#f8c336; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; margin-right:5px}#blog{ padding:70px 0; padding-top:0}#blog h3{ display:block; text-align:center; color:#f8c336; font-family:'Raleway',sans-serif; font-weight:600; font-size:26px; margin-bottom:15px}#blog a.item{ display:block; width:calc((100% - 75px) / 4); margin-right:25px; float:left; position:relative; text-decoration:none; overflow:hidden; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px}#blog a.item:hover span.img img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05)}#blog a.item:nth-of-type(4){ margin-right:0}#blog a.item span.img{ display:block; height:255px; overflow:hidden; position:relative; z-index:1}#blog a.item span.img:after{ content:'\e209'; font-family:'FontAwesome'; font-size:25px; position:absolute; top:calc(50% - 19px); left:calc(50% - 13px); z-index:1; color:#a0a7c6}#blog a.item span.img img{ display:block; width:100%; height:100%; object-fit:cover; position:relative; z-index:2; font-size:0; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#blog a.item span.date{ position:absolute; top:15px; left:15px; z-index:2; padding:10px 20px; background:#1a2b38; color:#fff; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#blog a.item span.nazev{ display:block; height:95px; padding:20px; background:#F0F1F6; color:#272727; line-height:1.25; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#footer div.inside{ background:#1a2b38; padding:70px 35px; border-radius:5px 5px 0 0}#footer div.inside div.box{ float:left; width:20%; padding-top:50px}#footer div.inside div.box h4{ margin-bottom:25px; font-family:'Raleway',sans-serif; font-size:17px; font-weight:400; position:relative; color:#f8c336}#footer div.inside div.box h4:after{ position:absolute; bottom:-13px; left:0; content:''; width:50px; border-top:3px solid #f8c336; border-right:3px solid transparent; border-left:none}#footer div.inside div.box span.content{ color:#fff}#footer div.inside div.box span.content ul{ list-style:square; padding-left:15px}#footer div.inside div.box span.content ul li a{ display:block; margin-bottom:5px; text-decoration:none; line-height:1.25; color:#fff; position:relative; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}#footer div.inside div.box span.content ul li a:hover{ text-decoration:underline}#footer div.inside div.box span.content ul li a i.fa{ display:none}#footer div.inside div.box.about{ width:29.5%}#footer div.inside div.box.about span.content img.logo{ display:block; float:right}#footer div.inside div.box.blog{ width:30.5%; padding-right:25px}#footer div.inside div.box.newsletter{ width:66.7%; padding-top:0; padding-bottom:50px; border-bottom:1px solid #2a465b}#footer div.inside div.box.newsletter span.content form fieldset{ padding:0; background:none}#footer div.inside div.box.newsletter span.content form fieldset div.input input.text{ float:left; width:350px; background:#fff; margin:0 0 5px 0; height:45px; border-radius:2.5px 0 0 2.5px}#footer div.inside div.box.newsletter span.content form fieldset div.input span.label{ display:block; font-size:10px; color:#fff}#footer div.inside div.box.newsletter span.content form fieldset div.input span.label a{ color:#fff}#footer div.inside div.box.newsletter span.content form fieldset .button{ padding:0 20px; color:#272727; border-radius:0 2.5px 2.5px 0}#footer div.inside div.box.social{ width:33.3%; padding-top:0; padding-bottom:50px; border-bottom:1px solid #2a465b}#footer div.inside div.box.social span.content{ display:block; height:115px; overflow:hidden}#footer div.inside div.box.social span.content div.fb-page{ float:left}#footer div.inside div.box.social span.content a.social{ display:block; float:left; width:66px; height:33px; line-height:33px; margin:0 0 8px 10px; background:#f8c336; color:#272727; font-size:17px; text-align:center; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}#footer div.inside div.box.social span.content a.social:hover{ background:#f3b308}#copyright div.inside{ background:#1a2b38; color:#fff; font-size:12px; padding:25px 0 75px 0; border-top:1px solid #2a465b}#copyright div.inside p{ text-align:center}#copyright div.inside p a{ color:#fff}#copyright div.inside p#becorp{ float:right}#copyright div.inside p#becorp a.becorp:hover img{ transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15)}#copyright div.inside p#becorp a.becorp img{ display:inline-block; width:170px; height:auto; position:relative; top:5px; transform-origin:center left; transition:all 350ms ease 0s; -webkit-transition:all 350ms ease 0s; -moz-transition:all 350ms ease 0s}@media screen and (max-width:1150px){ .inside{ width:100%!important; padding-left:2.5%!important; padding-right:2.5%!important;}}@media screen and (max-width:800px){ .mobile{ display:block;} .pc{ display:none;} body{ padding-top:50px;} #notification div.inside{ height:auto; line-height:1.25; padding:10px 0; font-weight:300; font-size:12px;} #cookies #cookies_settings{ max-height:300px; overflow:auto;} form fieldset input.text, form fieldset select, form fieldset textarea{ width:100%!important;} form fieldset.half{ width:100%;} .button{ height:auto; line-height:1.25; padding-top:10px; padding-bottom:10px;} #header{ padding:10px 0;} #header #logo{ margin:0 0 10px 0;} #header #logo img{ width:auto; height:45px;} #header #buttons{ width:100%; float:none; margin:5px 0 0 0;} #header #buttons #motto{ display:none;} #header #buttons a.main{ float:right; font-size:10px; padding:10px; margin-left:3px;} #header #buttons #menu_mobile{ display:block; float:right; height:35px; line-height:35px; width:35px; text-align:center; margin-left:3px; background:#f8c336; color:#fff; border-radius:2.5px; -webkit-border-radius:2.5px; -moz-border-radius:2.5px;} #header #menu, #header #menu_user{ float:none; display:flex; justify-content:center; margin:10px 0; width:100%; font-size:10px;} #header #menu ul li a, #header #menu_user ul li a{ margin:0 7.5px;} #header #categories{ display:none; float:none; clear:both; padding:0; position:absolute; top:75px; left:2.5%; width:95%;} #header #categories ul.main{ display:block; padding:10px 0;} #header #categories ul.main li.main{ display:block; float:none; width:100%; margin:0;} #header #categories ul.main li.main a.main{ background:#f8c336; padding:5px 10px; font-weight:normal; font-size:12.5px; text-align:left; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} #header #categories ul.main li.main div.overlay{ display:none!important;} body.scrolled #header #buttons{ margin:0!important;} #slider{ width:95%; height:auto!important; margin:0 2.5%;} #slider div.item img{ height:auto!important;} #navigation{ margin-bottom:15px;} #content{ padding-top:0;} #content h1, #content h2{ font-size:20px!important;} #content div.floatl, #content div.floatr{ width:100%!important; float:none!important;} #content div.categorytext{ display:none;} #content div.landing p.c{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); margin-bottom:25px!important;} #content div.landing div.box{ width:100%!important; float:none!important; margin:0 0 25px 0!important;} #content div.landing div.text, #content div.landing div.img{ position:static!important; float:none!important; width:100%!important; margin:0 0 25px 0!important; padding:0!important; border:0!important;} #content div.landing div.gallery > a.lightbox{ width:calc(50% - 1px)!important;} #content #whyus div.inside #whyus_wrapper div.item{ float:none; width:100%; margin:0 0 5px 0!important;} #content #products_wrapper a.item{ float:left; width:49%; margin:15px 0 0 0!important;} #content #products_wrapper a.item:nth-of-type(2n){ margin-left:2%!important;} #content #products_wrapper a.item span.tagy{ max-width:calc(100% - 30px);} #content #text.produkt, #content #sidebar.produkt{ float:none; width:100%;} #content #text.produkt div.gallery a.item, #content #sidebar.produkt div.gallery a.item{ height:75px;} #content #sidebar.produkt{ margin-top:25px;} #content #text.blog.detail, #content #sidebar.blog.detail{ display:block; width:100%!important; float:none!important;} #content #sidebar.blog.detail{ margin-top:50px;} #content #text.blog.list div.list{ width:100%;} #content #text.blog.list div.list a.item{ width:100%; float:none; margin-right:0!important; margin-left:0!important;} #content #text.blog.list div.list a.item h2{ display:block; height:auto; font-size:14px;} #content div.produkt_content #text.produkt, #content div.produkt_content #sidebar.produkt{ width:100%; float:none;} #content div.produkt_content #text.produkt div.box.vzornik div.wrapper a.item, #content div.produkt_content #sidebar.produkt div.box.vzornik div.wrapper a.item{ width:calc(50% - 10px);} #content div.produkt_content #sidebar.produkt div.box.kontakt{ top:5px;} #content div.gallery a.item{ width:calc(50% - 6px);} #content div.videa div.plyr{ width:100%; float:none;} body.home #content h2{ margin:25px 0!important;} #reference div.inside #reference_wrapper i.slick-arrow-left{ left:0!important;} #reference div.inside #reference_wrapper i.slick-arrow-right{ right:0!important;} #blog div.inside h3{ font-size:20px; margin-bottom:25px;} #blog div.inside a.item{ width:49%; margin:0 0 10px 0!important;} #blog div.inside a.item:nth-of-type(2n){ margin-left:2%!important;} #blog div.inside a.item span.nazev{ height:auto;} #blog div.inside a.item span.date{ display:block; width:calc(100% - 30px); text-align:center;} #footer{ overflow:hidden;} #footer div.box{ width:100%!important; float:none; padding:0 0 25px 0!important; margin:0 0 25px 0!important; border-bottom:1px solid #2a465b!important;} #footer div.box h4{ margin-bottom:20px; font-size:15px;} #footer div.box.newsletter #form_newsletter div.input{ position:relative;} #footer div.box.newsletter #form_newsletter div.input .button{ position:absolute; top:0; right:0; height:45px;} #footer div.box.about{ padding-bottom:0!important; margin-bottom:0!important; border-bottom:0!important;} #copyright div.inside{ padding-bottom:100px;} #copyright div.inside p{ width:100%; text-align:center;} #notification{ font-size:15px;} #fixed_inquiry{ bottom:65px;} #fixed_inquiry a{ font-size:10px;} #fixed_reference{ bottom:10px;}}