.container-fluid { max-width:1920px;}
body {  font-family: "Poppins",  Arial, sans-serif; font-weight:400; color:#0D0E46 }
img { max-width:100%}
a { color:#0A2852}
.relat { position:relative;}

.btn { border-radius:8px; border:0; padding: 10px 24px 10px 24px; text-decoration:none !important;}
.btn-primary { background:#F8CE43 !important; color:#0B0620 !important; font-size:16px; font-weight:600; text-decoration:none !important;}
.bazar .btn-primary { background:#1DC822 !important}
.btn-primary span { width:20px; height:20px; background:url('../../img/sipka.svg') no-repeat center center; display:inline-block; margin-left:10px; vertical-align:text-bottom;}
.bazar .btn-primary span {  background:url('../../img/sipka-green.svg') no-repeat center center; }
.btn-primary:hover { box-shadow: 0px 17px 44px 0px #BFD3E173; }
.btn-secondary { border: 1px solid #F8CE43; background:unset; font-size:16px; color:#fff !important; font-weight:600; }
.bazar .btn-secondary { border:1px solid #1DC822; }
.btn-secondary span { width:20px; height:20px; background:url('../../img/sipka.svg') no-repeat center center; display:inline-block; margin-left:10px; vertical-align:text-bottom;}
.bazar .btn-secondary span {  background:url('../../img/sipka-green.svg') no-repeat center center; }
.btn-secondary:hover { box-shadow: 0px 17px 44px 0px #BFD3E173; }
.btn-back { border: 1px solid #Fff; background:#fff; font-size:16px; color:#12112F !important; font-weight:600; box-shadow: 0px 4px 24px 0px #2628351A;}
.btn-back:hover { box-shadow: 0px 17px 44px 0px #BFD3E173; }
.btn-back span { width:20px; height:20px; background:url('../../img/sipka2.svg') no-repeat center center; display:inline-block; margin-right:10px; vertical-align:text-bottom;}
.btn-gray { background:#e3ebf0; border:0;}
.btn-third { background:#Fff !important; color:#0B0620 !important; font-size:16px; font-weight:600; text-decoration:none !important; }
.btn-third span { width:20px; height:20px; background:url('../../img/sipka.svg') no-repeat center center; display:inline-block; margin-left:10px; vertical-align:text-bottom;}
.bazar .btn-third span { background:url('../../img/sipka-green.svg') no-repeat center center; ;}
.btn-third:hover { box-shadow: 0px 17px 44px 0px #BFD3E173; }
.btn-sipka { text-decoration:none; font-weight:600}
.btn-sipka span { width:34px; height:34px; box-shadow: 0px 2px 26px 0px #8384AD2B; border-radius:34px; background:#fff; display:inline-block; font-weight:400; font-size:24px; text-align:center; text-decoration:none; margin:10px; display:inline-block; border:1px solid #fff; vertical-align:middle; }
.btn-sipka:hover span { border: 1px solid #0D0E46; }
.btn-sipka:hover { text-decoration:underline;}
.btn-koupit { background:#F8CE43 !important; color:#0B0620 !important; font-size:16px; font-weight:600; padding: 12px 10px 12px 10px;}
.btn-koupit span { width:20px; height:20px; background:url('../../img/ico-kosik2.svg') no-repeat center center; display:inline-block; margin-left:10px; vertical-align:text-bottom;}
.btn-koupit:hover { box-shadow: 0px 17px 44px 0px #BFD3E173; }
.btn-yellow { color:#F8CE43; font-size:16px; font-weight:500; text-decoration:none}
.bazar .btn-yellow { color:#1DC822; }
.btn-yellow:hover { color:#000; text-decoration:underline;}
.bb { border-bottom:1px solid #E6EFFD;}
.bt { border-top:1px solid #E6EFFD;}
.shadow { box-shadow: 0px 17px 44px 0px #202B331A }
.navbar-toggler { border:2px solid #0d0e46;}

.custom-col-5 { width:19%; }
.custom-col-5 a, .nabidka-sluzeb a { line-height:22px; vertical-align:middle; display:block; padding-top:14px; padding-bottom:14px; font-size:14px; font-weight:600}
.nabidka-sluzeb a { text-decoration:none;}
.nabidka-sluzeb a span { width:54px; height:44px; display:inline-block; margin-right:10px; vertical-align:middle}
.nabidka-sluzeb a span.sluzba1  { background:url('../../img/sluzba1.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba2  { background:url('../../img/sluzba2.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba3  { background:url('../../img/sluzba3.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba4  { background:url('../../img/sluzba4.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba5  { background:url('../../img/sluzba5.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba6  { background:url('../../img/sluzba6.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba7  { background:url('../../img/sluzba7.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba8  { background:url('../../img/sluzba8.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba9  { background:url('../../img/sluzba9.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba10  { background:url('../../img/sluzba10.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba11  { background:url('../../img/sluzba11.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba12  { background:url('../../img/sluzba12.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba13  { background:url('../../img/sluzba13.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba14  { background:url('../../img/sluzba14.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba15  { background:url('../../img/sluzba15.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba16  { background:url('../../img/sluzba16.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba17  { background:url('../../img/sluzba17.svg') no-repeat 10px center; }
.nabidka-sluzeb a span.sluzba18  { background:url('../../img/sluzba18.png') no-repeat 10px center; }

.custom-col-5 span { width:48px; height:48px; float:left; border-radius:8px;  margin-right:14px; margin-bottom:14px;}
.custom-col-5 span.file1 { background:#0A2852 url('../../img/ico-podminky1.svg') no-repeat center center; }
.custom-col-5 span.file2 { background:#0A2852 url('../../img/ico-podminky2.svg') no-repeat center center; }
.custom-col-5 span.file3 { background:#0A2852 url('../../img/ico-podminky3.svg') no-repeat center center; }
.custom-col-5 span.file4 { background:#0A2852 url('../../img/ico-podminky4.svg') no-repeat center center; }
.custom-col-5 span.file5 { background:#0A2852 url('../../img/ico-podminky5.svg') no-repeat center center; }

.modal { --bs-modal-width: 556px; }
.modal-header { border:0 !important; padding:10px;}
.modal-footer { border:0 !important;}
.modal-content h2 { font-size:28px; font-weight:700;}
.modal-content h2.cart { font-size:22px;}
.modal-content p { line-height:28px;}
.modal-content h2 span { height:34px; width:34px; border-radius:8px; display:inline-block; vertical-align:middle; margin-right:10px;}
.modal-content h2 span.cart { background:#0A2852 url('../../img/shopping-bag2.svg') no-repeat center center; border-radius:8px;}
.modal-content h2 span.login { background:#0A2852 url('../../img/ico-login.svg') no-repeat center center; }
.modal-content h2 span.registrace { background:#0A2852 url('../../img/ico-registrace.svg') no-repeat center center; }
.modal-content a { font-size:15px; font-weight:400; text-align:underline; color:#0A2852}
.modal-content a:hover { box-shadow: 0px 17px 44px 0px #BFD3E173; }
.modal-content a.left { background: #fff url("../../img/arrow-left.svg") no-repeat 10px center; box-shadow: 0px 4px 24px 0px #2628351A;  padding: 10px; padding-left:40px;border-radius:8px; font-weight: 500; font-size: 16px; color:#12112F; text-decoration:none; margin-left: 5px;}
.modal-content a.right{ background: #F8CE43 url("../../img/arrow-right.svg") no-repeat 100px center; padding: 10px; padding-right:44px; border-radius:8px; font-weight: 600; font-size: 16px; color:#0B0620; text-decoration:none;}
.modal-content a.kopie span { background:url('../../img/ico-copy.svg') no-repeat right center; width:21px; height:21px; display:inline-block; vertical-align:middle; margin-left:6px;}
.modal-content label { font-size:14px; font-weight:600}

@media (min-width: 576px)  { .container, .container-sm {    max-width: 99%;  } }
@media (min-width: 768px)  { .container, .container-md, .container-sm {    max-width: 99%;} }
@media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px;  } }

.form-check-input:checked {  background-color: #F8CE43;  border-color: #F8CE43;}

.bg27 { background:url('../../img/bg27.svg') no-repeat center top; background-size:cover; }
.bg28 { background:url('../../img/bg28.svg') no-repeat center top; background-size:cover; }
.bg29 { background:url('../../img/bg29.svg') no-repeat center top; background-size:cover; }
.bg31 { background:url('../../img/bg31.svg') no-repeat center top; background-size:cover; }
.bg32 { background:url('../../img/bg32.svg') no-repeat center top; background-size:cover; }

h1 { color:#0D0E46; font-size:32px; line-height:48px; font-weight:700;}
h1 span { height:44px; width:44px; border-radius:8px; display:inline-block; vertical-align:middle; margin-right:10px;}
h1 span.pneumatiky { background: #0A2852 url('../../img/ico-pneumatiky.svg') no-repeat center center; }
h1 span.autoservis { background:#fff url('../../img/ico-autoservis.svg') no-repeat center center; }
h1 span.pneuservis { background:#fff url('../../img/ico-pneuservis.svg') no-repeat center center; }
h1 span.nakupni-kosik { background:#0A2852 url('../../img/ico-kosik.svg') no-repeat center center; }
h1 span.kontakt { background:#0A2852 url('../../img/ico-kontakt.svg') no-repeat center center; }
h1 span.muj-ucet { background:#0A2852 url('../../img/ico-muj-ucet.svg') no-repeat center center; }
h1 span.obchodni-podminky { background:#fff url('../../img/ico-obchodni-podminky.svg') no-repeat center center; }
h1 span.vyrobky-s-ukoncenou { background:#fff url('../../img/ico-vyrobky-s-ukoncenou.svg') no-repeat center center; }
h1 span.testy-pneumatik { background:#fff url('../../img/ico-testy-pneumatik.svg') no-repeat center center; }
h1 span.technicky-radce { background:#fff url('../../img/ico-technicky-radce.svg') no-repeat center center; }
h1 span.zivotnost { background:#fff url('../../img/ico-zivotnost.svg') no-repeat center center; }
h1 span.plneni-ac { background:#fff url('../../img/ico-ac.svg') no-repeat center center; }

h2 { color:#0D0E46; font-size:32px; font-weight:400;}
h2 strong { font-weight:700;}
h2 span { height:44px; width:44px; border-radius:8px; display:inline-block; vertical-align:middle; margin-right:10px;}
h2 span.akcni { background:#0A2852 url('../../img/ico-akcni.svg') no-repeat center center; }
h2 span.novinky { background:#0A2852 url('../../img/ico-novinky.svg') no-repeat center center; }
h2 span.aktuality { background:#0A2852 url('../../img/ico-aktuality.svg') no-repeat center center; }
h2 span.kdojsme { background:#0A2852 url('../../img/ico-kdojsme.svg') no-repeat center center; }
h2 span.recenze { background:#0A2852 url('../../img/ico-recenze.svg') no-repeat center center; }
h2 span.certifikaty { background:#0A2852 url('../../img/ico-certifikaty.svg') no-repeat center center; }
h2 span.alternativni { background:#0A2852 url('../../img/ico-alternativni.svg') no-repeat center center; }
h2 span.info { background:#0A2852 url('../../img/ico-info.svg') no-repeat center center; }
h2 span.doruceni { background:#0A2852 url('../../img/ico-doruceni.svg') no-repeat center center; }
h2 span.platba { background:#0A2852 url('../../img/ico-platba.svg') no-repeat center center; }
h2 span.social { background:#0A2852 url('../../img/ico-social.svg') no-repeat center center; }
h2 span.kontakty { background:#0A2852 url('../../img/ico-kontakty.svg') no-repeat center center; }
h2 span.nabidka-sluzeb { background:#0A2852 url('../../img/ico-nabidka-sluzeb.svg') no-repeat center center; }
h2 span.cenik-sluzeb { background:#0A2852 url('../../img/ico-cenik-sluzeb.svg') no-repeat center center; }
h2 span.cena-dopravy-zbozi { background:#0A2852 url('../../img/ico-cena-dopravy-zbozi.svg') no-repeat center center; }
h2 span.reklamacni-rad { background:#0A2852 url('../../img/ico-reklamacni-rad.svg') no-repeat center center; }
h2 span.informace-o-spolecnosti { background:#0A2852 url('../../img/ico-informace-o-spolecnosti.svg') no-repeat center center; }
h2 span.vseobecne-obchodni-podminky { background:#0A2852 url('../../img/ico-vseobecne-obchodni-podminky.svg') no-repeat center center; }
h2 span.vyjadreni { background:#0A2852 url('../../img/ico-vyjadreni.svg') no-repeat center center; }
.bazar h2 span.akcni { background:#0A2852 url('../../img/ico-akcni-green.svg') no-repeat center center; }
.bazar h2 span.novinky { background:#0A2852 url('../../img/ico-novinky-green.svg') no-repeat center center; }
.bazar h2 span.aktuality { background:#0A2852 url('../../img/ico-aktuality-green.svg') no-repeat center center; }
.bazar h2 span.info { background:#0A2852 url('../../img/ico-info-green.svg') no-repeat center center; }
.bazar h2 span.kdojsme { background:#0A2852 url('../../img/ico-info-green.svg') no-repeat center center; }
.bazar h2 span.recenze { background:#0A2852 url('../../img/ico-recenze-green.svg') no-repeat center center; }
.bazar h2 span.certifikaty { background:#0A2852 url('../../img/ico-certifikaty-green.svg') no-repeat center center; }

h3.prislusenstvi-plus { font-size:16px; font-weight:600; color:#0D0E46; }
h3.prislusenstvi-plus span { background:url('../../img/ico-plus.png') no-repeat center center;height:25px; width:25px; display:inline-block; vertical-align:middle; margin-right:10px;}
h3.cenik { font-size:18px; font-weight:600;}
h3.cenik span { height:32px; width:32px; display:inline-block; vertical-align:middle; margin-right:10px; border-radius:8px;}
h3.cenik span.pneuservis { background:#0A2852 url('../../img/ico-cenik-pneuservis.svg') no-repeat center center }
h3.cenik span.stk { background:#0A2852 url('../../img/ico-cenik-stk.svg') no-repeat center center }
h3.cenik span.autoservis { background:#0A2852 url('../../img/ico-cenik-autoservis.svg') no-repeat center center }
h3.cenik span.tazne { background:#0A2852 url('../../img/ico-cenik-tazne.svg') no-repeat center center }
h3.cenik span.autoskla { background:#0A2852 url('../../img/ico-cenik-autoskla.svg') no-repeat center center }
h3.cenik span.uskladneni-pneu { background:#0A2852 url('../../img/ico-cenik-uskladneni-pneu.svg') no-repeat center center }
h3.cenik span.geometrie { background:#0A2852 url('../../img/ico-cenik-geometrie.svg') no-repeat center center }
h3.cenik span.klimatizace { background:#0A2852 url('../../img/ico-cenik-klimatizace.svg') no-repeat center center }
h3.cenik span.renovace-disku { background:#0A2852 url('../../img/ico-cenik-renovace-disku.svg') no-repeat center center }
h3.cenik span.myti-vozidel { background:#0A2852 url('../../img/ico-cenik-myti-vozidel.svg') no-repeat center center }

h3.oznaceni-eu { font-size:22px; font-weight:600; color:#0D0E46; }
h3.oznaceni-eu span { background:#0A2852 url('../../img/ico-stitek.svg') no-repeat center center;height:30px; width:30px; display:inline-block; border-radius:8px; vertical-align:middle; margin-right:10px;}
h3.dalsi-sklad { font-size:20px; font-weight:600; color:#0D0E46; }
h3.dalsi-sklad span { background:#0A2852 url('../../img/ico-sklad.svg') no-repeat center center;height:30px; width:30px; display:inline-block; border-radius:8px; vertical-align:middle; margin-right:10px;}
h2.fakturacni { font-size:20px; font-weight:600; color:#0D0E46; }
h2.fakturacni span { background:#0A2852 url('../../img/ico-fakturacni.svg') no-repeat center center; height:30px; width:30px; display:inline-block; border-radius:8px; vertical-align:middle; margin-right:10px;}
h2.dodaci { font-size:20px; font-weight:600; color:#0D0E46; }
h2.dodaci span { background:#0A2852 url('../../img/ico-dodaci.svg') no-repeat center center; height:30px; width:30px; display:inline-block; border-radius:8px; vertical-align:middle; margin-right:10px;}
h2.objednavky { font-size:18px; font-weight:600; color:#0D0E46; }
h2.objednavky span { background:#0A2852 url('../../img/ico-objednavky-big.svg') no-repeat center center; height:36px; width:36px; display:inline-block; border-radius:8px; vertical-align:middle; margin-right:10px;}
h2.faktury { font-size:18px; font-weight:600; color:#0D0E46; }
h2.faktury span { background:#0A2852 url('../../img/ico-faktury-big.svg') no-repeat center center; height:36px; width:36px; display:inline-block; border-radius:8px; vertical-align:middle; margin-right:10px;}
h2.filtrace { font-size:16px; font-weight:600; color:#0D0E46; }
h2.filtrace span { background: url('../../img/ico-filtr-big.svg') no-repeat center center; height:22px; width:22px; display:inline-block; border-radius:8px; vertical-align:middle; margin-right:10px;}
h2.editace-uzivatele { font-size:16px; font-weight:600; color:#0D0E46; }
h2.editace-uzivatele span { background: url('../../img/ico-editace-uzivatele.svg') no-repeat center center; height:22px; width:22px; display:inline-block; border-radius:8px; vertical-align:middle; margin-right:10px;}

#top { background:#fff}
#top .info { background: #0A2852; border-radius: 0px 0px 13px 13px; color:#fff; font-size:13px; font-weight:400; text-align:center; padding:5px;}
#top .info span { background:#0A2852 url('../../img/ico-info2.svg') no-repeat center center; width:16px; height:16px; vertical-align:middle; display:inline-block; margin-right:10px;}
#top .info strong { font-weight:600;}
#top .info2 { color:#FF0000;}
.bazar #top .info2 { color:#1DC822; }
#top .login span { width:26px; height:26px; background:#DCE3ED url('../../img/ico-people.svg') no-repeat center center; display:inline-block; vertical-align:middle; border-radius:26px; margin-right:8px;}
#top .login a { color:#12131F; font-weight:500; font-size:14px}
#top .navbar-brand { margin-left:15px;}
#top .navbar-brand img { width:200px; max-width:100%; margin-right:10px;}
#top .kosik { background:#0A2852 url('../../img/basket.svg') no-repeat 10px center; border-radius:13px; font-size:12px; color:#fff; margin-top:8px;}
#top .kosik:hover { box-shadow: 0px 17px 44px 0px #BFD3E173; }
#top .kosik a {color:#fff; text-decoration:none; width:100%; height:100%; display:block; padding:6px 15px 6px 60px; line-height:24px;}
#top .kosik .cena { color:#F8CE43; font-size:18px; font-weight:600}
.bazar #top .kosik .cena { color:#1DC822; }

#top .kosik:hover .cena { text-decoration:underline;}
#top .lang-selector { display:inline-block; margin-right:10px;}
#top .lang-selector a.cz { background:url('../../img/flag_cz_small.png') no-repeat left center; padding-left:26px; text-decoration:none;}
#top .lang-selector a span { background:url('../../img/arrow-down-small.svg') no-repeat right center; width:14px;}

#top .search { padding-top:15px; padding-left:15px;}
#top .search input.sea {background:url('../../img/ico-search.svg') no-repeat 10px center; box-shadow: 0px 0px 3px 0px #B9CDDB40; border-radius:10px; border:2px solid #d6dbe1; color:#0A2852; font-size:14px; font-weight:400; padding-top:14px; padding-bottom:14px; padding-left:35px; }
#top .search button { background:#F8CE43; color:#0B0620; font-size:16px; font-weight:600; position:absolute; top:5px; right:5px; border-radius:10px; border-radius: 6px; height: 44px;}
.bazar #top .search button { background:#1DC822; }

#top .kontakt { padding-top:18px;}
#top .kontakt .tel { font-size:16px; font-weight:400; color:#12131f; }
#top .kontakt .tel span { width:18px; height:18px; background:url('../../img/ico-telsmall.svg') no-repeat center center; display:inline-block; vertical-align:middle; margin-right:5px;}
#top .kontakt .email { font-size:16px; font-weight:600; color:#12131f; }
#top .kontakt .email span { width:18px; height:18px; background:url('../../img/ico-em.svg') no-repeat center center; display:inline-block; vertical-align:middle; margin-right:5px;}

#navbar .nav-item { padding-top:8px;}
#navbar .nav-item:hover .nav-link { text-decoration:underline;}
#navbar .nav-item .nav-link { font-size:16px; font-weight:600; color:#0B0620; text-align:center; line-height:17px;}
#navbar .nav-item .nav-link span { font-size:12px; display:block; font-weight:500; text-decoration:underline}
#navbar .nav-item.nav-itemshop { background:#0A2852 url('../../img/basket-small.svg') no-repeat 8px center; padding-left:35px; border-radius:8px; border: 3px solid #e7eaee; width:206px; padding-top:8px; padding-bottom:5px;}
#navbar .nav-item.nav-itemshop span { background:url('../../img/toggler-down.svg') no-repeat right center; width:20px; height:20px; vertical-align:middle; display:inline-block; margin-left:70px}
.bazar #navbar .nav-item.nav-itemshop span { background:url('../../img/toggler-down-green.svg') no-repeat right center; }
#navbar .nav-item.nav-itemshop .nav-link { color:#fff;}
#navbar .line { border-bottom:1px solid #cfdfea}
#navbar .dropdown-menu2 { z-index:1005}
#navbar .dropdown-menu2 a { font-size:16px; font-weight:600; line-height:24px;}
#navbar .dropdown-menu2 a:hover { text-decoration:underline}
#navbar .dropdown-menu2 .sub2 a { font-size: 14px;font-weight: 400;line-height: 21px; color:#0A2852; text-decoration:underline;}
#navbar .dropdown-menu2 .sub2 a:hover { text-decoration:none}
#navbar .nav-item.nav-itemshop .dropdown-menu2 span {  background: url('../../img/toggler-right.svg') no-repeat right center;  width: 17px;  height: 17px;  vertical-align: middle;  display: inline-block;  margin-left:8px;}


.dropdown-toggle::after { background:#fff url('../../img/toggler-down.svg') no-repeat center center;width:20px;height:20px;  display: inline-block;  margin-left: .255em;   vertical-align:middle;  border:0;}
.dropdown-toggle2::after { background:unset;}

.bazar .dropdown-toggle::after { background:#fff url('../../img/toggler-down-green.svg') no-repeat center center;}

#ban { background:#081e3c url('../../img/baner1.jpg') no-repeat center center; min-height:378px;}
#ban h1 { color:#F8CE43; font-size:37px; font-weight:700}
.bazar #ban h1 { color:#1DC822}
#ban h2 { color:#fff; font-size:30px; font-weight:400 }
#ban p { color:#A7B4C8; font-size:18px; line-height:30px; }
#ban.vid {background:#081e3c; height:378px; overflow:hidden}
#ban.vid .banner { position:absolute; top:0px; left:12px; z-index:1000}
#ban .headervideo { position: relative;  background-color: #fff;  min-height: 25rem;  width: 100%;  overflow: hidden;  }
#ban .headervideo .overlay { position: absolute;  top: -11px;  left: 0;  height: 100%;  width: 100%;  background: url('../../img/maska_video.png') no-repeat center center;  z-index: 1;  }

#ban .headervideo video { position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  z-index: 0;  -ms-transform: translateX(-50%) translateY(-50%);  -moz-transform: translateX(-50%) translateY(-50%);  -webkit-transform: translateX(-50%) translateY(-50%);  transform: translateX(-50%) translateY(-50%); }

#filter { margin-top:-83px; position: relative; z-index:1000}
#filter.filter-testy { margin-top:0;}
#filter.filter-testy h2 { font-size:22px; font-weight:600; }
#filter.filter-testy h2 span { width:30px; height:30px;}
#filter.filter-testy h2 span.vyber-testy { background:#0A2852 url('../../img/ico-celorocni-small.svg') no-repeat center center;}
#filter.filter-testy .letni-pneu-test { background: url('../../img/ico-letni.svg') no-repeat center center; width:22px; height:22px; display:inline-block; margin-right:8px; vertical-align:middle}
#filter.filter-testy .zimni-pneu-test { background: url('../../img/ico-zimni.svg') no-repeat center center; width:22px; height:22px; display:inline-block; margin-right:8px; vertical-align:middle}

#filter .filt { position:relative; background:#fff url('../../img/bg_pneu_filtr.png') no-repeat left bottom; min-height:330px; border-radius:20px; background-size:75%; box-shadow: 0px 17px 44px 0px #BFD3E173;  }
#filter .filt.filtalu { background:#fff url('../../img/bg_alu_filtr.png') no-repeat left bottom; background-size:unset !important;}
#filter .filt.filtplech { background:#fff url('../../img/bg_plech_filtr.png') no-repeat left bottom; background-size:unset !important;}
#filter .filt.filtmoto { background:#fff url('../../img/bg_moto_filtr.png') no-repeat left bottom; background-size:unset !important;}
#filter .filt.filtnakladni { background:#fff; background-image:unset}

#filter .filt2 { position:relative; background:#fff; border-radius:20px; box-shadow: 0px 17px 44px 0px #BFD3E173;  }
#filter .filt2 label { font-size:14px; font-weight:600; }
#filter .filt2 .btn { padding:14px 24px 14px 24px;}
#filter .filt2 a { font-size:16px; font-weight:600; text-decoration:underline; color:#0B0620;}
#filter .filt3 .btn { padding: 8px 24px 8px 24px; margin-top: 5px;}
#main #filter .filt { background-size:57%; background-position:27% bottom;  }
#filter .specialbox { position:relative; background:url('../../img/pneu.jpg') no-repeat center center; min-height: 330px; border-radius: 20px; box-shadow: 0px 17px 44px 0px #BFD3E173; }
#filter .specialbox .maska { position:absolute; top:0; width:100%; height:100%; background:rgba(5,16,32,0.8); border-radius:20px; }
#filter .specialbox h3 { position:relative; opacity:1; font-size:26px; color:#fff; font-weight:600; line-height:38px; padding: 30px 30px 10px 30px;}
#filter .specialbox h4 { position:relative; font-size:20px; color:#F8CE43; font-weight:500; line-height:30px; padding: 0px 30px 10px 30px;}
.bazar #filter .specialbox h4 {  color:#1DC822; }

#filter .specialbox .btn-secondary { position:relative; margin-left:30px;}
#filter .filter-sub { margin-top:18px; margin-bottom:30px; border-radius:13px; background:#0A2852; padding:5px;}
#filter .filter-sub .list-group-item { background-color:transparent; border-color:none; border:0; padding:12px 28px 12px 28px}
#filter .filter-sub .list-group-item:hover { color: #0A2852;  background-color: #F8CE43;  border-color: #F8CE43; border-radius:8px; }
#filter .filter-sub .list-group-item:hover a { color:#0A2852;}
.bazar #filter .filter-sub .list-group-item:hover { background-color: #1DC822;  border-color: #1DC822; }
#filter .filter-sub .list-group-item a { color:#fff; text-decoration:none; font-size:16px; font-weight:500; }
#filter .filter-sub .list-group-item.active { color: #0A2852;  background-color: #F8CE43;  border-color: #F8CE43; border-radius:8px;}
.bazar #filter .filter-sub .list-group-item.active { background-color: #1DC822;  border-color:#1DC822; }
#filter .filter-sub .list-group-item.active a { color:#0A2852; text-decoration:none;}
#filter .filter-sub .list-group-item.outline { border:1px solid #F8CE43; border-radius:8px;}
.bazar #filter .filter-sub .list-group-item.outline { border:1px solid #1DC822; }

#filter .sel { margin-left:6px; margin-right:6px;}
#filter .sel .col { padding-right: 0.4rem; padding-left: 0.4rem; }
#filter select, #maintext select { border: 1px solid #0A2852; border-radius:8px; color:#0A2852; font-size:16px; font-weight:400;  padding:13px 20px 13px 13px; -moz-appearance: none;  -webkit-appearance: none;  appearance: none;  background-image: url('../../img/arrow-down.png');    background-repeat: no-repeat, repeat;    background-position: right .7em top 50%, 0 0;    background-size: 22px auto, 100%;}
#filter input[type=text] {border: 1px solid #0A2852;border-radius: 8px;color: #0A2852;font-size: 16px;font-weight: 400;padding: 13px 20px 13px 13px; width:100%}
/*#filter input { border: 1px solid #0A2852; border-radius:8px; color:#0A2852; font-size:16px; font-weight:400;  padding:13px 10px 13px 13px; -moz-appearance: none;  -webkit-appearance: none;  appearance: none; }*/
#maintext select { padding:6px 10px 6px 15px; }
#maintext input[type=text] { padding:6px 10px 6px 15px; border: 1px solid #DADAE6; border-radius:8px; color:#0A2852; font-size:16px; font-weight:400; width:100%}
#maintext label { color:#0D0E46; font-size:14px; font-weight:600; margin-bottom:6px;}
#filter .butright .btn { background:#F8CE43  url('../../img/sipka.svg') no-repeat 175px center !important; display: inline-block; padding-right:40px; padding-top:15px; padding-bottom:15px;}
.bazar #filter .butright .btn { background:#1DC822 url('../../img/sipka-green.svg') no-repeat 175px center !important; }


.products .product { border: 1px solid #E6EFFD; background:#fff; border-radius:12px; margin-right:20px; margin-top:20px; padding:15px; padding-bottom:5px; height: 100%;}
.products .product:hover { box-shadow: 0px 17px 44px 0px #BFD3E173; border-radius:12px; border:0; margin-top:0px;}
.products .product .znacka { margin-bottom:15px;}
.products .product .znacka img { max-width:120px;}
.products .product .znacka .symboly { float:right; }
.products .product .znacka .symboly .symbol-garant, .productdetail .symboly .symbol-garant { background:url('../../img/ico-ok.svg') no-repeat center center; width:28px; height:28px; display:inline-block; }
.products .product .znacka .symboly .symbol-zimni, .productdetail .symboly .symbol-zimni { background:url('../../img/ico-zimni.svg') no-repeat center center; width:28px; height:28px; display:inline-block; }
.products .product .znacka .symboly .symbol-letni, .productdetail .symboly .symbol-letni { background:url('../../img/ico-letni.svg') no-repeat center center; width:28px; height:28px; display:inline-block; }
.products .product .znacka .symboly .symbol-celorocni, .productdetail .symboly .symbol-celorocni{ background:url('../../img/ico-celorocni.svg') no-repeat center center; width:28px; height:28px; display:inline-block; }
.products .product .image { max-height:250px; position:relative; margin-bottom:20px;}
.products .product .image img { max-height:250px;}
.products .product .image .stitky {position:absolute; left:0; top:0;}
.products .product .image .stitky .stitek-premiova, .productdetail .stitky .stitek-premiova  { background:url('../../img/ico-premiova.svg') no-repeat left center; width:100px; height:30px; display:block; margin-bottom:8px;}
.products .product .image .stitky .stitek-stredni, .productdetail .stitky .stitek-stredni { background:url('../../img/ico-stredni.svg') no-repeat left center; width:94px; height:30px; display:block; margin-bottom:8px;}
.products .product .image .stitky .stitek-ekonomicka, .productdetail .stitky .stitek-ekonomicka { background:url('../../img/ico-ekonomicka.svg') no-repeat left center; width:114px; height:30px; display:block; margin-bottom:8px;}
.products .product .image .stitky .stitek-novinka, .productdetail .stitky .stitek-novinka { background:url('../../img/ico-novinka.svg') no-repeat left center; width:96px; height:30px; display:block; margin-bottom:8px;}
.products .product .image .stitky .stitek-akce, .productdetail .stitky .stitek-akce { background:url('../../img/ico-akce.svg') no-repeat left center; width:77px; height:30px; display:block; margin-bottom:8px;}
.products .product .text h3 a { color:#0D0E46; font-size:18px; font-weight:700; text-decoration:none; line-height:27px;}
.products .product .text p { color:#8384AD; font-weight:400; font-size:16px; line-height:24px; margin-bottom:10px;}
.products .product .text .dostupnost { position:Relative; color:#33E82F; font-size:16px; line-height:24px; font-weight:500;  background:url('../../img/ico-skladem.svg') no-repeat left center; padding-left:28px; margin-bottom:10px;}

.products .product .text .dostupnost .boxbig { display:none; font-size: 12px;font-weight: 400;position:absolute; bottom:32px; background:#0A2852; color:#fff; border-radius:9px; padding:20px; line-height:18px; left:0; box-shadow: 0px 3px 20px 0px #00000026;}
.products .product .text .dostupnost .boxbig p { color:#fff; font-size: 12px;font-weight: 400;}
.products .product .text .dostupnost .boxbig h4 {font-size: 15px;font-weight: 600; color:#33E82F;}
.products .product .text .dostupnost .boxbig h4 span { background:#33E82F33; border-radius:5px; padding:2px 10px 2px 10px; margin-left:10px;}
.products .product .text .dostupnost .boxbig h4.skladem { background:url('../../img/ico-skladem.svg') no-repeat left center; padding-left:28px; height:22px; line-height:22px;}
.products .product .text .dostupnost .boxbig p.line { border-bottom:1px solid #BFD3E140; padding-bottom:0.8em; padding-top:0.5em; margin-bottom:1.5em;}
.products .product .text .dostupnost .boxbig:after{  content: "";    position:absolute;    bottom:-12px;    border: 12px solid transparent;    border-top:12px solid #0A2852;    border-bottom:0 none; }
.products .product .text .dostupnost:hover .boxbig { display:block; cursor:pointer}

.products .product .text .dodani {  border-radius:6px; font-size:14px; color:#0A2852; background:#e7effe url('../../img/ico-dodani.svg') no-repeat 10px center; padding:5px 10px 5px 50px; }
.products .product .cena { margin-top:15px; padding-top:10px; border-top:2px #fcfdfd solid; color:#8384AD; font-weight:500; font-size:14px; }
.products .product .cena h4 { color:#0A2852; font-size:20px; font-weight:700; margin-bottom:0;}
.products .carousel-control {  /*width:80px; */}
.products .carousel-control a { position:absolute; top:50%; right:-30px; box-shadow: 0px 2px 26px 0px #8384AD2B; background:#fff; color:#000; width:36px; height:36px; border-radius:30px;}
.products .carousel-control .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E") !important; width:32px; }
.products .carousel-control .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") !important;  width:32px; }
.products-sort .products-sortbg { background:#E5EEFF; border-radius:12px; border: 1px solid #E6EFFD; padding-top:4px; padding-bottom:4px;}

.productdetail h1 { font-size:28px; font-weight:700; color:#0D0E46; line-height:42px;}
.productdetail h2 { font-size:18px; font-weight:500; color:#0D0E46; line-height:27px;}
.productdetail .popis { color:#0D0E46; font-size:16px; line-height:23px; font-weight:400;}
.productdetail .popis strong { color:#0D0E46; font-size:16px; line-height:26px; font-weight:600;}
.productdetail .param { background:#f8fbff; border-radius:12px; padding:20px; font-size:13px; font-weight:400;}
.productdetail .param .value { font-weight:600;}
.productdetail .eu { font-size:13px; line-height:20px; }
.productdetail .eu h4 { font-size:14px; font-weight:600}
.productdetail .eu img { max-width:80px;}

.productdetail .skl { box-shadow: 0px 17px 44px 0px #BFD3E173; background:#fff; border-radius:12px; padding:20px; padding-bottom: 8px; padding-top: 10px;}
.productdetail .banner { background:url('../../img/bg_banner_kolo2.png') no-repeat center center; box-shadow: 0px 17px 44px 0px #BFD3E173; position:relative; border-radius:12px;}
.productdetail .banner.first { margin-top:-64px; border:2px solid #fff;}
.productdetail .banner .maska {  position: absolute;  top: 0;  width: 100%;  height: 100%;  background: rgba(5,16,32,0.1);  border-radius: 12px;}
.productdetail .banner h3 { font-size:18px; font-weight:600; color:#fff; padding-left:20px; padding-top:18px; padding-right:20px; margin-bottom:0; opacity:1; position:relative;}
.productdetail .banner p { color:#F8CE43; font-size:16px; font-weight:500; padding-left:20px; padding-top:10px; padding-right:20px; padding-bottom:5px; margin-bottom:0; opacity:1; position:relative}
.productdetail .banner p a { color:#fff;}
.productdetail .banner p a:hover { color:#F8CE43;}
.productdetail .banner p a  span { width:16px; height:16px; background:url('../../img/sipka3.svg') no-repeat center center; display:inline-block; margin-left:10px; vertical-align:middle;}
.productdetail .skl .dostupnost {  color: #33E82F;  font-size: 16px;  line-height: 24px;  font-weight: 500;  background: url('../../img/ico-skladem.svg') no-repeat left center;  padding-left: 28px;  margin-bottom: 10px;}
.productdetail .skl .dostupnost span { color:#0D104D; font-size:13px; font-weight:400}
.productdetail .skl .dodani { color:#0D104D; font-size:14px; }
.productdetail .skl.short .dodani { margin-top:-20px;}
.productdetail .skl .cena { color:#5C5773; font-size:13px;}
.productdetail .skl .cena strong { color:#33E82F; font-size:24px; font-weight:600}
.productdetail .skl .plusminussmall {  background-color: #E5EEFF;  border-radius: 6px;  padding: 3px;  height: 48px;  display: inline-flex;  width:180px;}
.productdetail .skl.short .plusminussmall { width:120px;}
.productdetail .skl .form-control { display: block;  padding: 0px;  font-size: 16px;  font-weight: 500;  color: #12112F;    background:unset;    border:0;  border-radius: 0px;  text-align: center; }
.productdetail .skl .input-group-text {  padding-top: 0;  padding-bottom: 0;  font-size: 15px;  font-weight: 500;  color: #12112F;  background-color: #fff;  border: #fff;  border-radius: 3px !important; height:30px; width:30px; margin-top:6px;}
.productdetail .skl .input-group-text.minus { margin-left:6px;}
.productdetail .skl .input-group-text.plus { margin-right:6px;}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {  border-bottom-left-radius: 8px;  border-top-right-radius: 8px;}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: 8px; border-bottom-left-radius: 8px; }
.products-sort .list-group-item { background-color:transparent; border-color:none; border:0; padding:12px 28px 12px 28px; margin-right:2px;}
.products-sort .list-group-item:hover { color: #fff;  background-color: #0A2852;  border-color: #F8CE43; border-radius:8px; }
.products-sort .list-group-item:hover a { color:#fff;}
.products-sort .list-group-item a { color:#0A2852; text-decoration:none; font-size:16px; font-weight:500; }
.products-sort .list-group-item.active { color: #fff;  background-color: #0A2852;  border-color: #F8CE43; border-radius:8px; border-top-right-radius: 8px}
.products-sort .list-group-item.active a { color:#fff; text-decoration:none;}
.products-sort p { margin-top:12px; margin-bottom:0;}

.pages .page-link { font-size: 16px;  font-weight:600;  color: #0B0620;  background-color: unset;  border: 0;  margin:15px;  padding: .4em .8em;}
.pages .active > .page-link, .pages .page-link.active {  color: #0B0620;  background-color: #F8CE43;  border-color: #F8CE43;  border-radius:8px; }
.pages .page-item:first-child .page-link {  background:#fff;  border-radius:50% !important;  box-shadow: 0px 2px 26px 0px #8384AD2B; }
.pages .page-item:last-child .page-link {  background:#fff;  border-radius:50% !important;  box-shadow: 0px 2px 26px 0px #8384AD2B; }
.pages .page-link:hover {     color: #0B0620;  background-color: #F8CE43;  border-color: #F8CE43;  border-radius:8px;}

#main-head { background:#081e3c url('../../img/pruh.jpg') no-repeat center center; min-height:138px; }
#main-head p.vetsi { color:#fff; font-size:22px; font-weight:600; margin-bottom:5px;}
#main-head p { color:#F8CE43; font-size:16px; font-weight:500; }
#main #filter { margin-top:unset;}
#main .products .product { margin-right:0;}
#main .products .product .image { max-height:270px;}
#main .products .product .image img { max-height:270px;}
#main .breadcrumb-item img {vertical-align:sub;}
#main .breadcrumb-item + .breadcrumb-item::before {  color:#E6EFFD}

#main-head.smaller { min-height:90px;}
#main-head.smaller h1 { color:#fff; font-size:32px; font-weight:600; margin-top:-8px; margin-bottom:12px;}
#main-head .breadcrumb-item img {vertical-align:sub;}
#main-head .breadcrumb-item + .breadcrumb-item::before {  color:#fff}
#main-head .breadcrumb-item a { color:#fff;}
#main-head .breadcrumb-item a:hover { text-decoration:none;}
#main-head .breadcrumb-item.active { color: #F8CE43;}

#maintext p { font-size:14px; font-weight:400; color:#0D0E46; line-height:27px}
#maintext ul li, #maintext ol li { font-size:14px; font-weight:400; color:#0D0E46; line-height:27px}
#maintext .block { background:#fff; border-radius:12px; box-shadow: 0px 8px 38px 0px #BFD3E14D; padding:20px;}
#maintext .kospopis { font-size:14px; font-weight:500;}
#maintext .block .kos { border-bottom:1px solid #E6EFFD; color:#8384AD}
#maintext .block .kos strong { color:#0D0E46}
#maintext .block .kos a { color:#0D0E46; font-size:14px; font-weight:600}
#maintext .block .kos .dostupnost { color:#33E82F; font-size:16px; line-height:24px; font-weight:500;  background:url('../../img/ico-skladem.svg') no-repeat left center; padding-left:28px; margin-bottom:10px;}
#maintext .block .kos .cena { color:#33E82F; font-size:18px; font-weight:700}
#maintext .prislusenstvi .line1 { background:#F3F7FE; border-radius:5px; font-size:14px; font-weight:500}
#maintext .prislusenstvi .line2 { background:#fff; font-size:14px; font-weight:500}
#maintext .prislusenstvi .cena { color:#33E82F; font-size:16px; font-weight:600; white-space: nowrap;}
#maintext .block .prislusenstvi .line1 .plusminussmall { background-color:#fff; border-radius:6px; padding:3px; width:90px; height:32px; display:inline-flex;}
#maintext .block .prislusenstvi .line2 .plusminussmall { background-color:#E6EFFD; border-radius:6px; padding:3px; width:90px; height:32px;display:inline-flex;}
#maintext .block .plusminus { background-color:#E6EFFD; border-radius:6px; padding:3px; width:74px; height:44px; margin:0 auto;}
#maintext .block .plusminus input { width:32px; background:unset; border:unset; font-weight:500; font-size:15px; }
#maintext .block .plusminus .plus { background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F9 100%); width:32px; height:17px; color:#12112F; position:absolute; right:4px; top:4px; border-radius:3px; line-height: 18px;}
#maintext .block .plusminus .minus   { background: linear-gradient(180deg, #FFFFFF 0%, #F8F8F9 100%); width:32px; height:17px; color:#12112F; position:absolute; right:4px; bottom:4px; border-radius:3px;line-height: 18px; }
#maintext .block .prislusenstvi .line1 .input-group-text { padding-left: 8px;  padding-right:8px;  padding-top:0;  padding-bottom:0;  font-size: 15px;  font-weight: 500;  color: #12112F;  background-color: #F3F7FE;  border: #F3F7FE;  border-radius: 3px; }
#maintext .block .prislusenstvi .line2 .input-group-text {  padding-left: 8px;  padding-right:8px;  padding-top:0;  padding-bottom:0;  font-size: 15px;  font-weight: 500;  color: #12112F;  background-color: #fff;  border: #fff;  border-radius: 3px; }
#maintext .block .prislusenstvi .line1 .form-control {  display: block;  padding:0px;  font-size: 16px;  font-weight: 500;   color: #12112F;  background-color: #fff;   border: #fff;  border-radius: 0px;  text-align:center; width:30px;}
#maintext .block .prislusenstvi .line2 .form-control {  display: block;  padding:0px;  font-size: 16px;  font-weight: 500;   color: #12112F;  background-color: #F3F7FE;   border: #F3F7FE;  border-radius: 0px;  text-align:center; width:30px;  }
#maintext .block .prislusenstvi .basketsmall {  width:31px; height:31px; background:#F8CE43 url('../../img/basket-small-blue.svg') no-repeat center center; border:0; border-radius:6px; display:inline-flex; vertical-align:top; margin-left:10px;}

#maintext .block .cenasum1 { font-size:16px; font-weight:500; color:#0B0620; line-height:32px;}
#maintext .block .cenasum1 small { font-size:16px; font-weight:500; color:#0B0620; line-height:32px;}
#maintext .block .cenasum1 strong { font-size:18px; font-weight:600; color:#0B0620;}
#maintext .block .cenasum2 { font-size:16px; font-weight:500; color:#8384AD; line-height:32px;}
#maintext .block .cenasum2 small { font-size:16px; font-weight:500; color:#8384AD; line-height:32px;}
#maintext .block .cenasum2 strong { font-size:18px; font-weight:600; color:#33E82F;}

#maintext .kos2 { font-size:14px; font-weight:400;}
#maintext .kos2 a  { font-weight:600; text-decoration:underline; color:#0D0E46}
#maintext .kos2 .odd { background:#f3f7fd; border-radius:5px;}
#maintext .kos2 .cena { color:#33E82F; font-size:14px; font-weight:600}
#maintext .kos2 .cena2 { color:#33E82F; font-size:17px; font-weight:700}

#maintext .form_dopr .form-check { height:89px; padding-left:40px;vertical-align:middle; padding-right:30px; margin-top:20px; padding-top:30px;}
#maintext .form_dopr .form-check label { font-size:16px; font-weight:600; color:#0D0E46; line-height:18px; width:72%; margin-top:-10px; vertical-align:middle}
#maintext .form_dopr .form-check label span { color:#758CAC; font-size:12px; font-weight:500}
#maintext .form_dopr .form-check.active { background:#fff; border-radius:12px; box-shadow: 0px 8px 38px 0px #BFD3E14D;border: 1px solid; border-image-source: linear-gradient(180deg, #E6EFFD 0%, rgba(230, 239, 253, 0) 100%);}
#maintext .form_dopr .form-check span.im { width:80px; display:inline-block; text-align:center; margin-top:-10px;  vertical-align:middle; }
#maintext .form_dopr .form-check span.im.im2 { margin-top:-11px;}
#maintext .form_dopr .form-check span.im.im3 { margin-top:-22px;}
#maintext .form_dopr .price { color:#33E82F; font-size:16px; font-weight:600; float:right}
#maintext .form_dopr h2 { color:#0D0E46; font-size:22px; font-weight:600;}
#maintext .form_dopr h2 span { height:30px; width:30px; border-radius:6px;  margin-right:10px;}
#maintext .doprtop { font-size:16px; font-weight:600;}
#maintext .doprtop button { border-radius:9px; border: 1px solid #E6EFFD; color:#0B0620; background:#fff; padding:15px; margin-top:10px; margin-bottom:10px; margin-right:15px; width:47%; font-size:16px; font-weight:600; text-align: left; line-height:18px; vertical-align:top}

#maintext .doprtop button span { font-size:12px; font-weight:400}
#maintext .doprtop button.active, #maintext .doprtop button:hover { border: 1px solid #F8CE43}
#maintext .doprtop button.flag_cz { background:#fff url('../../img/flag_cz.svg') no-repeat left center; padding-left:75px}
#maintext .doprtop button.flag_sk { background:#fff url('../../img/flag_sk.svg') no-repeat left center; padding-left:75px}
#maintext .doprtop button.flag_soukr { background:#fff url('../../img/ico_soukrome.png') no-repeat 7px center; padding-left:48px; background-size:32px 32px; }
#maintext .doprtop button.flag_firma {  background:#fff url('../../img/ico_firma.png') no-repeat 7px center; background-size:32px 32px; padding-left:48px; padding-top:6px; padding-bottom:5px; }

.infobox { background: #F8CE4333 url('../../img/ico-info3.svg') no-repeat 5px center;  color:#0D0E46; font-size:14px; font-weight:500; padding:10px; padding-left:45px; border: 1px solid #F8CE43; border-radius:8px;}

#maintext .form-label { font-size:14px; font-weight:600;}

#maintext .objednavka h2 {font-size:16px; font-weight:600;}
#maintext .objednavka h2 strong { font-size:16px; font-weight:700; color:#F8CE43;}
#maintext .objednavka h3  { font-size:16px; font-weight:600;}

#maintext .banner-rezervace { background:#0A2852; box-shadow: 0px 8px 38px 0px #BFD3E14D; border-radius:12px; color:#ACC1E2; font-size:16px; font-weight:400}
#maintext .banner-rezervace h4 { color:#fff; font-size:18px; font-weight:600;}
#maintext .banner-rezervace p {color:#ACC1E2; }

#maintext .bannerwhite { background:#fff;}
#maintext .rezervacebox { background:#0A2852 url('../../img/ico-calendar.png') no-repeat 10px center; border-radius:8px; color:#fff; padding:20px; padding-left:80px; margin:5px; font-size:16px; font-weight:600}
#maintext .rezervacebox2 { margin:15px;}
#maintext .rezervacebox2 p strong { font-size:18px; font-weight:700;}

#maintext table.oteviraci-doba tr td { font-size:16px; font-weight:500; padding:4px; padding-left:15px;}
#maintext table.oteviraci-doba tr th { font-size:16px;font-weight:600; background:#E6EFFD; text-align:center; padding:4px; padding-left:8px; padding-right:8px;}
#maintext table.oteviraci-doba tr th.first { border-radius:5px 5px 0 0;}
#maintext table.oteviraci-doba tr th.last { border-radius:0 0 5px 5px;}

#maintext .kontakt { font-size:16px; line-height:28px; font-weight:400;}
#maintext .kontakt h2 { font-size:22px; font-weight:600;}
#maintext .kontakt h2 span { height:30px; width:30px; border-radius:8px; display:inline-block; vertical-align:middle; margin-right:10px;}
#maintext .kontakt h3 { font-size:16px; font-weight:600; line-height:37px}
#maintext .kontakt .ramecek { border: 1px solid #E6EFFD; box-shadow: 0px 17px 44px 0px #BFD3E173; background:#fff; border-radius:18px;}
#maintext .kontakt img.mapa  { border:6px solid #fff; box-shadow: 0px 17px 44px 0px #BFD3E173; border-radius:14px;}
#maintext .kontakt table { font-size:14px; line-height:28px; width:100%;}
#maintext .kontakt .box2 { background:#E6EFFD; border-radius:10px; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;}
#maintext .kontakt .box2 p { line-height:32px;}
#maintext .kontakt .box2 a { color:#12131F; font-size:15px; font-weight:400; text-decoration:none;}
#maintext .kontakt .box2 a strong { font-weight:600;}
#maintext .kontakt .box2 a:hover { text-decoration:underline}
#maintext .kontakt .box2 a .tel { width:34px; height:34px; background:#0a2852 url('../../img/ico-tel.svg') no-repeat center center; border-radius:10px; display:inline-block; vertical-align:middle; margin-right:10px;}
#maintext .kontakt .box2 a .email { width:34px; height:34px; background:#0a2852 url('../../img/ico-mail.svg') no-repeat center center; border-radius:10px; display:inline-block;vertical-align:middle; margin-right:10px;}
#maintext .kontakt .box2 a .tel_small { width:25px; height:25px; background:#0a2852 url('../../img/ico-tel.svg') no-repeat center center; border-radius:10px; display:inline-block; vertical-align:middle; margin-right:10px; background-size:16px 16px;}
#maintext .kontakt .box2 a .email_small { width:25px; height:25px; background:#0a2852 url('../../img/ico-mail.svg') no-repeat center center; border-radius:10px; display:inline-block;vertical-align:middle; margin-right:10px; background-size:16px 16px;}

#maintext .objednavky-list { font-size:14px; font-weight:500;  color:#0D0E46}
#maintext .objednavky-list .odd { background:#edf2fa; border-radius:5px;}
#maintext .objednavky-list .cena { color:#74DA7F; font-weight:600}
#maintext .objednavky-list .stav-vyrizeno { border-radius:7px; background:#d8ede3; color:#33E82F; padding:5px;}
#maintext .objednavky-list .stav-cekajici { border-radius:7px; background:#f4d9ca; color:#FD5C01; padding:5px;}
#maintext .objednavky-list .stav-stornovano { border-radius:7px; background:#e8c4ca; color:#e60000; padding:5px;}
#maintext .objednavky-list .stav-nova { border-radius:7px; background:#ceedfb; color:#03B8FF; padding:5px;}
#maintext .objednavky-list .hodnoceni { background:#0A2852; color:#fff; font-size:16px; font-weight:700;}
#maintext .objednavky-list .hodnoceni.first { border-radius:13px 13px 0 0;}
#maintext .objednavky-list .hodnoceni.last { border-radius:0 0 13px 13px;}
#maintext .objednavky-list .hodnoceni span { background:#3d5372; padding:10px; border-radius:5px; width:99%; display:block;}

#maintext .list-group { background:#fff; box-shadow: 0px 8px 38px 0px #BFD3E14D; padding:10px;}
#maintext .list-group .list-group-item { border:0; border-bottom:1px solid #E6EFFD; padding-top:10px; padding-bottom:10px;}
#maintext .list-group .list-group-item a { color:#0B0620; text-decoration:none; font-size:16px; font-weight:500}
#maintext .list-group .list-group-item:last-child { border:none;}
#maintext .list-group .list-group-item.active { border: 3px solid #0A28521F; background:#0A2852; border-radius:8px;}
#maintext .list-group .list-group-item.active a { color:#fff;}
#maintext .list-group .list-group-item:hover a { text-decoration:underline;}

#maintext .list-group .list-group-item .objednavky { width:24px; height:24px; display:inline-block; background:url('../../img/ico-objednavky.svg') no-repeat center center; vertical-align:middle; margin-right:10px;}
#maintext .list-group .list-group-item.active .objednavky { background:url('../../img/ico-objednavky-a.svg') no-repeat center center; }
#maintext .list-group .list-group-item .faktury { width:24px; height:24px; display:inline-block; background:url('../../img/ico-faktury.svg') no-repeat center center; vertical-align:middle; margin-right:10px;}
#maintext .list-group .list-group-item.active .faktury { background:url('../../img/ico-faktury-a.svg') no-repeat center center;}
#maintext .list-group .list-group-item .editace { width:24px; height:24px; display:inline-block; background:url('../../img/ico-editace.svg') no-repeat center center; vertical-align:middle; margin-right:10px;}
#maintext .list-group .list-group-item.active .editace { background:url('../../img/ico-editace-a.svg') no-repeat center center;}
#maintext select.form-select2 {border: 1px solid #DADAE6; }

#maintext .banner.first {  margin-top: -64px;  border: 2px solid #fff; }
#maintext .banner {  box-shadow: 0px 17px 44px 0px #BFD3E173;  position: relative;  border-radius: 12px; }

#maintext .text h2 { font-size:22px; font-weight:600;}
#maintext .text h3 { font-size:16px; font-weight:600; margin-top:1.5em;}
#maintext .text h4 { font-size:16px; font-weight:600; margin-top:1.5em;}
#maintext .text table tr:nth-child(even) { background:#E6EFFD; border-radius:5px;}
#maintext .text table tr td { font-weight: 500;font-size: 14px; color:#12112F; padding:6px;}

#maintext .box { border-radius:18px; border: 1px solid #E6EFFD; box-shadow: 0px 17px 44px 0px #BFD3E173;}
#maintext .box h3  { font-size:18px; font-weight:600; margin-top:0.5em;}
#maintext .box h4 { font-size:16px; font-weight:600;}
#maintext .boxblue { background:#E6EFFD; border-radius:7px; padding:15px;}
#maintext .boxblue .ico-car { background:url('../../img/ico-car.svg') no-repeat left center; padding-left:55px; margin-bottom:16px;}
#maintext .boxblue .ico-van { background:url('../../img/ico-van.svg') no-repeat left center; padding-left:55px; margin-bottom:16px;}
#maintext .boxblue .ico-moto { background:url('../../img/ico-moto.svg') no-repeat left center; padding-left:55px; margin-bottom:16px;}
#maintext .boxblue .ico-klima { background:url('../../img/ico-klimatizace.svg') no-repeat left center; padding-left:55px; margin-bottom:16px;}
#maintext .boxblue .ico-geo { background:url('../../img/ico-geometrie.svg') no-repeat left center; padding-left:55px; margin-bottom:16px;}
#maintext .boxblue .ico-autoservis { background:url('../../img/ico-autoservis2.svg') no-repeat left center; padding-left:55px; margin-bottom:16px;}
#maintext ol.cisla  {list-style: none; counter-reset: li; margin-left:0; padding-left:0; }
#maintext ol.cisla li {counter-increment: li; margin-bottom:2em}
#maintext ol.cisla li::before { content: counter(li); color: #F8CE43; font-size:18px; font-weight:600;  display: inline-block; width: 29px; height:29px; line-height:29px; margin-right:20px;  background:#0A2852; border-radius:8px;  text-align:center;  }

#maintext .obchodni h2 { font-size:22px; font-weight:600;}
#maintext .obchodni h2 span {  height: 32px;  width: 32px; }
#maintext .obchodni h2 img { max-height:43px; margin-right:15px;}
#maintext .obchodni h3.rozmer { font-size:16px; font-weight:600;}
#maintext .obchodni h3.rozmer span { width:28px; height:28px; border-radius:28px; background:#0A2852 url('../../img/ico-rozmer.svg') no-repeat center center; display:inline-block; margin-right:4px; vertical-align:middle;}

#maintext .plneni ul.checkbox { list-style:none; }
#maintext .plneni ul.checkbox li { background:url('../../img/ico-checklist.svg') no-repeat left center; padding-left:30px; font-size: 14px;font-weight: 600; }
#maintext .plneni .box-yellow { border: 1px solid #F8CE43; border-radius:13px; background:#fdf5dc url('../../img/ico-info.svg') no-repeat 10px 15px; padding-left:45px; padding-top:20px; padding-right:20px; padding-bottom:15px;}
#maintext .plneni .box-yellow h2 { font-size: 14px;font-weight: 600;}
#maintext .plneni h3 { font-size: 18px;font-weight: 600; }
#maintext .plneni h4 { font-size: 16px;font-weight: 600;}
#maintext .plneni h3.info span { background:#0A2852 url('../../img/ico-info2.svg') no-repeat center center; width:30px; height:30px; border-radius:6px; vertical-align:middle; display:inline-block; margin-right:10px;}

#maintext .zdroje h3 { font-size:22px; font-weight:600;}
#maintext .zdroje img { max-height:35px; margin-right:16px; margin-bottom:15px;}

#maintext small { font-size:12px; font-weight:400;}

.koskupon { padding-top:15px; padding-left:15px;}
.koskupon .input-group { max-width:500px}
.koskupon input.sea { box-shadow: 0px 0px 3px 0px #B9CDDB40; border-radius:10px !important; border:2px solid #d6dbe1; color:#0A2852; font-size:14px; font-weight:400; padding-top:14px; padding-bottom:14px; padding-left:14px; z-index:10}
.koskupon button { background:#F8CE43; color:#0B0620; font-size:16px; font-weight:600; position:absolute !important; top:5px; right:5px; border-radius: 6px !important; height: 44px; z-index:100 !important}

#maintext .objednavky-list .search { padding-top:15px; padding-left:15px;}
#maintext .objednavky-list .search input.sea {background:url('../../img/ico-search.svg') no-repeat 10px center; box-shadow: 0px 0px 3px 0px #B9CDDB40; border-radius:10px; border:2px solid #d6dbe1; color:#0A2852; font-size:14px; font-weight:400; padding-top:14px; padding-bottom:14px; padding-left:35px; }
#maintext .objednavky-list .search button { background:#F8CE43; color:#0B0620; font-size:16px; font-weight:600; position:absolute; top:5px; right:5px; border-radius:10px; border-radius: 6px; height: 44px;}

#maintext table.calendar { width:100%; border-collapse: separate; border-spacing: 6px;}
#maintext table.calendar tr th { color:#0B0620; font-weight:600; font-size:16px; text-align:Center;}
#maintext table.calendar tr td { background:#E6EFFD; border: 1px solid #E6EFFD; border-radius:8px; margin:3px; text-align:Center;}
#maintext table.calendar tr td a { display:block; padding:10px; font-size:16px; font-weight:600; color:#0B0620; text-decoration:none; position:relative;}
#maintext table.calendar tr td.noday { background:#fff;}
#maintext table.calendar tr td.svatek { background:#BCC8DC;}
#maintext table.calendar tr td.selected { background:#0A2852; border:1px solid #33E82F}
#maintext table.calendar tr td.no { background:#E6EFFD}
#maintext table.calendar tr td.obsazeno { background:#E6EFFD;}
#maintext table.calendar tr td.aktualni, #maintext table.calendar tr td:hover { border: 1px solid #0D0E46; box-shadow: 0px 17px 44px 0px #BFD3E173;}
#maintext table.calendar tr td.obsazeno a { color:#FF0000;}
#maintext table.calendar tr td.selected a { color:#ffffff;}
#maintext table.calendar tr td.no a { color:#c7c8d0;}
#maintext table.calendar tr td.jendopoledne a { color:Red;}
#maintext table.calendar tr td.obsazeno a::after{  content: ''; position:absolute; right:-5px; top:-5px; width: 14px; height: 14px;  border-radius: 14px;   background-color: #ff0000; }
#maintext table.calendar tr td.volno a::after{  content: ''; position:absolute; right:-5px; top:-5px; width: 14px; height: 14px;  border-radius: 14px;   background-color: #33E82F; }
#maintext table.calendar.legenda { width:80%; float:right;}
#maintext table.calendar.legenda tr td { width:20%; min-width:70px}
#maintext table.calendar.legenda tr td.legenda { width:80%; text-align:left; background:none;border:0;  font-weight:600; font-size:14px; padding-left:10px;}
/***************/

    #maintext table.schedule {
        width:100%;
        border-collapse: collapse;
    }

        #maintext table.schedule tr {
            /* Klíč: Použijeme flexbox na řádku (tr), aby se buňky (td) staly flex položkami */
            display: flex;
            /* Výchozí směr: řádek (1 řádek, 12 sloupců) */
            flex-direction: row;
        }

        #maintext table.schedule td {
            /* Každá buňka zabere stejný díl šířky na velké obrazovce */
            flex: 1;
            border: 1px solid #ccc;
            /*padding: 8px;*/
            text-align: center;
        }

    /***************/

#action {background: #0B0620;}
#action .maska { background: linear-gradient(77.32deg, #000000 8.21%, rgba(11, 6, 32, 0.5) 96.31%); min-height:229px; padding:30px;}
#action .action1 { background: url('../../img/action1.jpg') no-repeat center center; border-radius:12px;}
#action .action2 { background: url('../../img/action2.jpg') no-repeat center center; border-radius:12px;}
#action .action3 { background: url('../../img/action3.jpg') no-repeat center center; border-radius:12px;}
#action h2 { color:#fff; font-size:24px; line-height:31px; font-weight:400}
#action h2 strong { font-weight:700;}
#action h3 { color:#F8CE43; font-size:16px; line-height:24px; }
.bazar #action h3 { color:#1DC822; }

#action p { color:#fff;}

#news .newsitem { background:#0A2852; border-radius:12px; color:#fff; font-size:14px; line-height:21px; padding:25px;}
#news .newsitem .date { color:#F8CE43; }
#news .newsitem h3 { font-size:18px; font-weight:700;}
#news .newsitem a { color:#F8CE43; text-decoration:none;}
#news .newsitem a:hover { color:#fff;}
.bazar #news .newsitem .date { color:#1DC822; }
.bazar #news .newsitem a { color:#1DC822; }

#expedice .container2 { max-width:1450px; background:#000 url('../../img/expedice.jpg') no-repeat right top; border-radius:18px; min-height:173px; padding:25px; position:relative }
#expedice h2 { color:#fff; font-size:32px;}
#expedice p { color:#A7B4C8; font-size:18px; line-height:30px; margin-bottom:0;}
#expedice .pneu { background:url('../../img/pneu.png') no-repeat center center; width:229px; height:200px; position:absolute; left:-180px; top:-15px; background-size:100%;}

#recenze .item { border: 1px solid #E6EFFD; background:#fff; border-radius:12px; padding:20px; margin-top:20px;}
#recenze .item:hover {  margin-top:0px; box-shadow: 0px 8px 28px 0px #3337451A;}
#recenze .item .r1 { background:url('../../img/checklist.svg') no-repeat left center; font-size: 18px;font-weight: 500; line-height: 24px; padding-left:50px; margin-bottom:10px;}
#recenze .item p { color:#8384AD; }
#recenze .item p.date { font-size:14px; font-weight:500; color:#0A2852}
#recenze .item p.doporuceni { font-size:16px; font-weight:500; line-height:28px; color:#0A2852}
#recenze .item p.doporuceni strong { font-weight:700}
#recenze .heureka { background:#1DC822; border-radius:12px; padding:9px; color:#fff; margin-top:20px; margin-bottom:30px;}
#recenze .heureka p { display:inline-block; width:70%; padding-bottom:0;margin-bottom:0; font-size:14px;}
#recenze .heureka span { font-size:33px; font-weight:700; display:inline-block; width:28%; vertical-align:top;}
#recenze .heureka2 { font-size:14px; line-height:19px; color:#0B0620; }
#recenze .heureka2 .celkova { display:inline-block; margin-left:20px;}
#recenze .heureka2 span {color:#0A2852; font-size:42px; font-weight:700; vertical-align:top; padding-top: 20px; display: inline-block;}
#recenze p.heureka3 {font-size:14px; font-weight:600; color:#0A2852; }
#recenze ul { margin:0; padding:0; list-style-type:none}
#recenze ul li { color:#0a2852; font-size:14px; line-height:21px; font-weight:500; margin-bottom:0.8em}
#recenze ul li span { font-size:24px; color:#1DC822; vertical-align:middle;}

#about p { font-size:16px; line-height:28px; }
#about p strong { font-size:18px; line-height:34px;}
#about .aboutshop { background:#e7effc; border-radius:16px; padding:10px;}
#about h3 { color:#0D0E46; font-size:18px; font-weight:600;}
#about .okraj { border:10px solid #fff; border-radius:16px; box-shadow: 0px 17px 44px 0px #BFD3E173;}
#about a {color:#0A2852; text-decoration:underline; font-size:16px; font-weight:500;}

#certifikaty img { max-height:80px;}

#payments { margin-bottom:-38px; position:relative;}
#payments .container2 { background:#0A2852; border-radius:16px; max-width:1450px; }
#payments img { max-height:42px;}

footer { background: linear-gradient(180deg, #E6EFFD 0%, rgba(230, 239, 253, 0) 100%); }
footer a { color:#0A2852; font-size:16px; font-weight:500; line-height:24px;}
footer .logofooter { max-width:200px}
footer .kontakt a { font-size:18px; color:#12131F; font-weight:400; line-height:27px; text-decoration:none;}
footer .kontakt a strong { font-weight:600;}
footer .kontakt a .tel { width:34px; height:34px; background:#0a2852 url('../../img/ico-tel.svg') no-repeat center center; border-radius:10px; display:inline-block; vertical-align:middle; margin-right:10px;}
footer .kontakt a .email { width:34px; height:34px; background:#0a2852 url('../../img/ico-mail.svg') no-repeat center center; border-radius:10px; display:inline-block;vertical-align:middle; margin-right:10px;}
footer h2 { font-size:18px; font-weight:700; line-height:27px;}
footer p { font-size:16px; line-height:28px; color:#0d0e46}
footer p strong { font-weight:600; line-height:37px;}
footer ul { margin:0; padding:0;}
footer ul li { list-style-type:none;}
footer ul li a { color:#0D0E46; text-decoration:none; font-size:16px; line-height:37px; font-weight:400}
footer ul li a:hover { text-decoration:underline;}
footer .box, .kontakt .box { border: 1px solid #0A285233; background:#fff; border-radius:10px; }
footer .box a, .kontakt .box a { display:block; padding:15px; font-size:16px; font-weight:600; color:#0d0e46; text-decoration:none;}
footer .box a img, .kontakt .box a img { margin-right:10px;}
footer .box a span, .kontakt .box a span { width:20px; height:20px; background:#F8CE43; border-radius:20px; display:inline-block; margin-left:6px; position:relative; vertical-align:middle;}
footer .box a span::after, .kontakt .box a span::after {	position: absolute;	top: 50%;	left: 50%;	content: '';	width: 8px;	height: 8px;	margin: -4px 0 0 -6px;	border-left: 2px solid #0B0620;	border-bottom: 2px solid #0B0620;	-webkit-transform: rotate(-135deg);	transform: rotate(-135deg);	box-sizing: border-box;}
footer .box a:hover, .kontakt .box a:hover { box-shadow: 0px 17px 44px 0px #BFD3E173;}
footer .row2 { border-top:1px solid #E6EFFD;}
footer .container2 { max-width:1450px;}

@media (max-width: 1200px) {
.custom-col-5 { width: 23%; }
}

@media (max-width: 1000px) {
    #maintext table.schedule tr td.obsazeno a::after,
    #maintext table.schedule tr td.volno a::after {
        right: 3px;
        top: 3px
    }

    #maintext table.schedule tr {
        display: flex;
        flex-direction: column;
    }

    .#maintext table.schedule td {
        flex: none;
        width: 100%;
        box-sizing: border-box;
        border-bottom: none;
    }

    #maintext table.schedule td:last-child {
        border-bottom: 1px solid #ccc;
    }
}

@media (max-width: 991px) {
  .kospopis { display:none;}
   #top  ::placeholder { color: #fff; opacity: 0; }
   #top ::-ms-input-placeholder {  color: #fff; }
   #top .navbar-brand img { margin-top:16px;}
   #navbar .nav-item.nav-itemshop { margin:0 auto;}
   .custom-col-5 { width: 31%; }
   #maintext table.calendar.legenda { width:100%; float:unset}
}
@media (max-width: 768px) {
    #expedice .container2 { background:#000;}
    #expedice h2, #expedice p { padding-left:20px;}
    #ban .pt-5 { padding-top:5px !important;}
    #filter .butright .btn { background: #F7CD42 url('../../img/sipka.svg') no-repeat 157px center !important; }
    .bazar #filter .butright .btn { background: #F7CD42 url('../../img/sipka-green.svg') no-repeat 157px center !important; }
    .custom-col-5 { width: 47%; }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

@media (min-width: 768px) {
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{
  transform: translateX(0);
}


@media (max-width: 640px) {
  .btn { padding: 5px 12px 5px 12px; }
  .btn-back { font-size:15px; font-weight:500;}
  .btn-primary { font-size:15px; font-weight:500}
  #maintext .form_dopr .form-check label { width:55%;}
  #maintext .doprtop button { width:100%;}
  .custom-col-5 { width: 99%; }
  #maintext table.calendar tr td.obsazeno a::after{  content: ''; position:absolute; right:-8px; top:-8px; width: 10px; height: 10px;  border-radius: 10px;   background-color: #ff0000; }
  #maintext table.calendar tr td.volno a::after{  content: ''; position:absolute; right:-8px; top:-8px; width: 10px; height: 10px;  border-radius: 10px;   background-color: #33E82F; }

    #maintext table.schedule tr td.obsazeno a::after,
    #maintext table.schedule tr td.volno a::after {
        right: 3px;
        top: 3px
    }

    #maintext table.schedule tr {
        display: flex;
        flex-direction: column;
    }

    .#maintext table.schedule td {
        flex: none;
        width: 100%;
        box-sizing: border-box;
        border-bottom: none;
    }

    #maintext table.schedule td:last-child {
        border-bottom: 1px solid #ccc;
    }


    #filter select {
        width: 168px;
        margin-bottom: 10px;
        font-size: 14px;
        padding: 10px 10px 10px 7px;
    }
  #filter_2024 .col { padding-left:0; padding-right:0;}
  .products .product .image img { max-height:250px; height:unset; width:unset; }
   #top .headerinfo { display:none;}
}

@media only screen and (max-width: 575px) {
 .navbar-toggler { position: absolute;   top: -64px;   left: 10px; }
 #filter .sel {  margin-left: 0px;  margin-right: 0px;}
 #top .kosik { background: #0A2852 url('../../img/basket.svg') no-repeat center center; }
 #top .kosik a { width:60px; height:60px; padding:6px 6px 6px 6px; }
 #top .kosik a .kositems { display:none;}

}

.nav-item.dropdown.dropdown-mega {
    position: static;
    .dropdown-menu{
        width: 90%;
        top: auto;
        left: 5%;
    }
}

.nav-item.dropdown.dropdown-mega {
    .dropdown-menu2{
        width: 100%;
        top: 62px;
        left: 0;
    }
}

.nav-item .mega-content a { color:#0B0620; font-size:14px;  font-weight:500; text-decoration:none;}
.nav-item .mega-content .micimg40 { width:40px; height:40px; overflow:hidden; display:inline-block; margin-right:6px; text-align:center; vertical-align:middle;}
.nav-item .mega-content .micimg40 img.microsize { max-height:40px; }

@media (min-width: 992px) {
  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute;    left: 0;    width: 100%;    border-radius:15px;    border: 3px solid #E6EFFD;    box-shadow: 0px 17px 44px 0px #191C1F73; }
}

.cookieCondition {  position: fixed;  bottom: 0;  height: 200px;  background-color: #f1f1f1;  font-size: 14px;  color: #000;  opacity: .9;  left: 0;  right: 0;  z-index: 9999999;  text-align: center;  padding: 30px 15%; }
#cookieAgree { background: #33E82F;  padding: 10px;  border: 0;  border-radius: 8px;  font-weight: bold; }
#cookieAgree:hover { background:#34BE32;}
#cookieDisagree { background: #e1e1e1;  padding: 10px;  border: 0;  border-radius: 8px;  font-weight: normal; }
#cookieDisagree:hover { background:#ddd}