a:link, a:hover, a:active, a:visited {color: #6cc200; text-decoration: underline;}
a:hover, a:active {color: #3a0;}

.grid-container {
  max-width: 105rem;
}

.dn {display: none;}
.nbm {margin-bottom: 0!important;}

#topbarcont {display: block: position: relative; width: 100%; min-height: 80px;}
/*#topbar {display: block; position: fixed; top: 0; z-index: 999; width: 100%; min-height: 87px; height: 87px; background-color: transaprent; background-image: url('../graph/bcg-header.svg'); background-position: bottom; background-repeat: repeat-x;}*/
#topbar {display: block; position: fixed; top: 0; z-index: 999; width: 100%; min-height: 80px; height: 80px; background-color: #f6f6f6; }

#footer {display: block; width: 100%; min-height: 100px; background-color: #22221f; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #eee; line-height: 2em; padding: 3em 0 4em 0;}
#footer a {color: #eee; text-decoration: underline;}

.logocont {display: block; vertical-align: bottom; height: 80px; padding-left: 0;}
#logo {max-width: 200px; width: 100%; margin: 15px 0;}
#header-hamburger img {max-height: 48px; margin: 16px 20px 0 0;}


#topmenu {letter-spacing: 0.05em; margin: 0; margin: 30px 0 0 0; padding: 0; height: 50px; max-height: 50px;}
#topmenu > li {height: 50px; max-height: 50px; margin: 0;}
#topmenu > li > a {color: #333; padding: 0 1.3rem; line-height: 50px;text-decoration: none;}
#topmenu > li > a:hover {color: #000; transition-timing-function: ease-out; transition-duration: 1s;}

#topmenu > li > a::before {content: ""; display: block; width: 0; height: 2px; background-color: rgba(255, 255, 255, 0); margin: 0 0 0 0; transition: width 0.2s; z-index: 999;}
#topmenu > li > a:hover::before {width: calc(100%); height: 2px; background-color: rgba(0, 0, 0, 0.3);}
#topmenu > li.is-active > a::before {width: calc(100% + 1em); height: 2px; background-color: rgba(0, 0, 0, 0.3);}
/*#topmenu > li.is-dropdown-submenu-parent > a::after {border-width: 4px; border-bottom-width: 0; border-color: #ccc transparent transparent; right: 5px; left: auto; margin-top: -3px; }*/

#leftmenu {margin: 2rem 0; padding: 0; letter-spacing: 0.05em;}

#topmenu li.main {font-weight: 600; text-transform: uppercase;}
#topmenu li.sub {font-weight: 400; text-transform: uppercase;}


#leftmenu li.main {font-weight: 600; text-transform: uppercase;} 
#leftmenu li.sub {font-weight: 400; text-transform: uppercase;}
#leftmenu li.main a {padding-top: 1rem; padding-bottom: 1rem; padding-left: 0;}
#leftmenu li.sub a {padding-top: 1rem; padding-bottom: 1rem; padding-left: 0;}
#leftmenu > li.is-dropdown-submenu-parent > a::after {border-width: 4px; border-bottom-width: 0; border-color: #ccc transparent transparent; right: 5px; left: auto; margin-top: -3px; }
#leftmenu li ul {border-width: 0; list-style-type: none; margin: 0; background-color: #ffffff;}
#leftmenu li ul li a {display: block; font-weight: 300; padding: 1rem!important;}
#leftmenu li ul li a::before {content: ""; display: none; }



.menu .is-active > a {background-color: transparent; color: #000;}
.is-dropdown-submenu {min-width: 250px;}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {border-width: 4px; border-right-width: 0; border-color: transparent transparent transparent #ccc;}



#offCanvas { background-color: #fff; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #000; padding: 2em 1em 2em 1em;}
.js-off-canvas-overlay { -webkit-transition: opacity 0.5s ease, visibility 0.5s ease; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(0, 0, 0, 0.5); opacity: 0;}

.introbox {min-height: 400px; position: relative; background-color: #000; background-image: url('../img/intro/hp01.jpg'); background-position: center center; background-size: auto 100%; background-repeat: no-repeat;}
.introbox h1 {display: block; color: #fff; text-align: left; margin: 250px 10% 0 0; font-size: 2.2rem; font-weight: 600; text-shadow: #000 5px 5px 10px; letter-spacing: 0.05em; text-align: right; line-height: 100%; font-style: italic;}
.introbox h1 small {color: #fff; font-weight: 300; font-size: 1.2rem;}

.box404 {min-height: 650px; position: relative; background-color: #000; background-image: url('../img/404.webp'); background-position: center center; background-size: auto 100%; background-repeat: no-repeat;}
.box404 h1 {display: block; color: #fff; text-align: left; margin: 400px 0 0 0; font-size: 2.8rem; font-weight: 700; text-shadow: #000 5px 5px 10px; letter-spacing: 0.05em; text-align: center; line-height: 100%; font-style: italic;}
.box404 h1 small {color: #fff; font-weight: 300; font-size: 1.5rem;}

p {font-weight: 300; line-height: 1.8;}

.stitek0 {display: block; position: absolute; left: 0; top: 0; z-index: 50;}
.stitek0 img {max-height: 60px;}

.stitek1 {display: block; position: absolute; left: 0; top: 65px; z-index: 50;}
.stitek1 img {max-height: 60px;}

@media only screen and (min-width: 40em)
  {
  .introbox {min-height: 520px;}
  .introbox h1, .box404  h1 {font-size: 3.0rem; margin: 350px 10% 0 0;}
  .introbox h1 small, .box404 h1 small {font-size: 1.6rem;}
  
  .stitek0 {display: block; position: absolute; left: 0; top: 0; z-index: 50;}
  .stitek0 img {max-height: 80px;}

  .stitek1 {display: block; position: absolute; left: 0; top: 100px; z-index: 50;}
  .stitek1 img {max-height: 80px;}

  }

@media screen and (min-width: 64em)
  {
  .introbox {min-height: 960px;}
  .introbox h1, .box404  h1 {font-size: 3.6rem; margin: 650px 10% 0 0;}
  .introbox h1 small, .box404 h1 small {font-size: 2.0rem;}
  #topmenu {margin: 30px 0 0 0;}
  .stitek0 {display: block; position: absolute; left: 0; top: 0; z-index: 50;}
  .stitek0 img {max-height: 80px;}

  .stitek1 {display: block; position: absolute; left: 0; top: 100px; z-index: 50;}
  .stitek1 img {max-height: 80px;}
  }

h1 {font-size: 1.8em; margin: 0.7em 0 1em 0; color: #333; font-weight: 300; text-transform: uppercase;}
h2 {font-size: 1.4em; margin: 1.5em 0 0.7em 0; color: #666666; font-weight: 400; text-transform: uppercase;}
h3 {font-size: 1.2em; margin: 1.5em 0 0.7em 0; color: #6cc200; font-weight: 400;}
/*#da1f24*/

.button {background-color: #242222; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #eee; font-weight: 600;}
.button:hover, .button:focus {background-color: #121111; color: #fff; }


.lang-sel {margin: 0 3em 15px 0;}
#offCanvas .lang-sel {margin: 0;}
.lang-sel img {max-height: 24px; border-radius: 12px;}
#offCanvas .lang-sel img {max-height: 22px; border-radius: 12px;}
.lang-sel a {display: block; position: relative; min-width: 40px;}
/*
.lang-sel a::after {
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px;
  content: "";
  border-bottom-width: 0;
  border-color: #ccc transparent transparent;
}
*/
#map {
  min-height: 700px;
  margin-bottom: 0;
  border-top: 0px solid #666;
  border-bottom: 0px solid #666;
}

.breadcrumbs {
  line-height: 1em;
  margin: 0 auto;
  padding: 0.5em 0.5em;
  }

.breadcrumbs li {text-transform: none;}
.breadcrumbs a {color: #999; text-decoration: underline; line-height: 2em;}
.breadcrumbs .current a, .breadcrumbs .current a:hover {color: #999; text-decoration: none;}

.breadcrumbs { line-height: 1em; margin: 0.3em auto 0 auto; padding: 0.5em 0;}
.breadcrumbs li {text-transform: none;}
.breadcrumbs li a {font-size: 0.8rem; }
.breadcrumbs .current a, .breadcrumbs .current a:hover {color: #666; text-decoration: none; }
.breadcrumbs .hplink:before { content: ""; display: inline-block; width: 12px; height: 12px; padding: 0; background-color: transparent; margin: 0 7px -1px 0; background-image: url('../graph/home.svg'); background-size: 100%; background-repeat: no-repeat;}

.category-item-box {background-color: #f6f6f3; padding: 1em 0;}

.product-box { background-color: #fff; margin: 1em 0; padding: 0; /* box-shadow: 0 0 15px #e9e9e9; */ font-size: 85%; }
/* .product-box:hover { box-shadow: 0 0 5px #ccc; } */
.product-box-in { padding: 1em 2em 1.5em 2em; }
.product-box h2 { font-size: 1.1em; margin: 0; font-weight: 600; text-transform: uppercase; z-index: 6; }
.product-box .cenovka { color: #666; z-index: 6; }

.product-box a div.zooming {display: block; overflow: hidden; height: 0; padding-bottom: 66.667%;}
.product-box a div.zooming img {transition: 0.2s all ease-in-out; margin: 2.5%; width: 95%;}
.product-box a:hover div.zooming img {transform: scale(1.05);}

.produkt-top-box {margin-top: 1em;}
.produkt-foto-box {padding: 2em 2em; background-color: #fff; /* box-shadow: 0 0 10px #e9e9e9;*/}
.produkt-foto-main {display: block; position: relative; height: 0; padding-bottom: 66.667%;}

.produkt-foto-thumb-box {padding: 0; border-collapse: collapse;}

.produkt-foto-thumb-box>div {border: 1px solid #eee; padding: 1em; border-collapse: collapse;}

.produkt-foto-thumb {height: 0; padding-bottom: 66.667%;}

h1.produkt { text-transform: uppercase; font-weight: 600; }
h1.produkt small { display: block; text-transform: uppercase; font-weight: 300; font-size: 1.5rem; margin-bottom: 0.5em; color: #333; }

p strong { font-weight: 600; }

h1.produkt-detail { text-transform: uppercase; font-weight: 600; margin: 1em 0 0 0; padding: 0;}
h1.produkt-detail small { display: block; text-transform: uppercase; font-weight: 300; font-size: 1.5rem; margin-bottom: 0.5em; color: #333; }
h2.product-detail { font-size: 1.1em; margin: 0 0 1em 0; font-weight: 400;  z-index: 6; }
p.cenovka-produtk-detail { margin: 0; padding: 0; font-size: 120%; color: #333; line-height: 130%;}
p.cenovka-produtk-detail strike { font-size: 70%; color: #666; text-decoration:  line-through; text-decoration-color:  rgba(0,0,0,0.2);}


.produkt-benefit {padding: 70px 0 0 0;}
.produkt-benefit ul {list-style-type: none; margin-left: 1.5em;list-style-image: url('../graph/li-apache.svg');}
.produkt-benefit li {padding: 0.5em;}

.produkt-popis {padding: 70px 0 0 0;}

.produkt-part {padding: 70px 0 0 0;}
.produkt-part img {margin-top: 2em;}

.produkt-specifikace {padding: 60px 0 0 0;}
.produkt-specifikace .indiv, .produkt-part .indiv {background-color: #ffffff; padding: 2em;}
.produkt-specifikace table, .produkt-part table {width: 100%; margin-top: -10px; border-width: 0;}
.produkt-specifikace tbody, .produkt-part tbody, .produkt-specifikace thead, .produkt-part thead {border-width: 0;}
.produkt-specifikace table tbody th, .produkt-part table tbody th {padding-left: 1rem; background-color: #ffffff; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #333; line-height: 2em; text-transform: uppercase; font-weight: 600; font-size: 90%; border-top: 10px solid #fff; border-bottom: 1px solid #000;}
.produkt-specifikace table tbody td, .produkt-part table tbody td {padding-left: 1rem; background-color: #ffffff;  color: #333; border-bottom: 1px dotted #ccccc9;}
.produkt-specifikace table tbody td.sh, .produkt-part table tbody td.sh {background-color: #eeeee9; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; border-bottom: 1px dotted #fff;}

/*.produkt-specifikace table tbody th, .produkt-part table tbody th {padding-left: 1rem; text-align: left; background-color: #33332f; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #eee; line-height: 2em; text-transform: uppercase; font-weight: 400; font-size: 80%; border-top: 10px solid #fff;}
.produkt-specifikace table tbody td, .produkt-part table tbody td {padding-left: 1rem; text-align: left; background-color: #ffffff;  color: #000; border-bottom: 1px dotted #ccccc9;}
.produkt-specifikace table tbody td.sh, .produkt-part table tbody td.sh {text-align: left; background-color: #eeeee9; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; border-bottom: 1px dotted #fff;}
*/

hr {display: block; height: 0px; border-top: 1px solid #999; border-width: 1px 0 0 0; margin: 2em 0;}

.callout.primary  {border: 1px solid #ddd; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; background-color: #fff; border-radius: 2px; }


.sticky .menu  {
  display: none;
  margin: 80px 0 0 0;
  border-top: 1px dotted #ccc;
}

.infomenu  {
  margin: 2rem 0 3rem 0;
  border-top: 1px dotted #ccc;
}

@media only screen and (min-width: 40em)
  {
  .sticky .menu, .infomenu  {
  display: block;

    }
  }

.sticky .menu li a, .infomenu  li a {
   font-size: 90%;
  display: block;
  color: #1ad;
  padding: 1em;
  border-bottom: 1px dotted #ccc;
}

/*
.sticky .menu li a:hover, .sticky .menu li a:active, .infomenu li a:hover, .infomenu li a:active  {
background-color: #fff; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #000;
}


.sticky .menu li a.is-active, .infomenu li a.is-active  {
  background-color: #1ad; background-image: url('../graph/bcg-footer.svg'); background-repeat: repeat; color: #fff;
}

*/




body, p, h1, h2, h3, h4, h5, h6, ul, li { letter-spacing: 0.04em; /*word-spacing: 105%;*/}

.vice a::after {border-width: 4px; border-bottom-width: 0; border-color: #ccc transparent transparent; right: 5px; left: auto; margin-top: -3px; }

.mb1rem {margin-bottom: 1rem;}

.callout {border-radius: 2px; border-color: #ddd; background-image: url('../graph/bcg-footer.svg'); border-width: 0; padding: 2em;}

.callout.secondary {border-width: 0; border-radius: 2px; background-color: #f6f3f3;}
.callout.secondary strong {font-weight: 600;}

.zoomimg {display: block; overflow: hidden; margin-bottom: 2rem;}
.zoomimg {transition: 0.3s all ease-in-out;}
.zoomimg:hover {transform: scale(1.02); box-shadow: 0 0 15px 0 #eee; z-index: 15; border: 1px solid #fff;}

#cookies {display: block; width: 100%; position: fixed; bottom: 0; left: 0; background-color: #ffffff; z-index: 100; padding: 2.0em 0; border-top: 3px solid #333; color: #000000;}
#cookies .txt {text-align: center; padding: 0 0 0.7em 0;}
#cookies .but {text-align: center; padding: 0; background-color: #333;}
#cookies .success {background-color: #66bb33; color: #fff; font-weight: 400;}
#cookies .success:hover {background-color: #55aa22; color: #fff; font-weight: 400;}

.icon-1em { max-width: 1.2em; max-height: 1.2em; line-height: 1.5em; margin-right: 0.2em;}
 
ol.alpha {list-style-type: lower-alpha; list-style-position: outside; padding-left: 1em; line-height: 1.8;}
ol.alpha li {padding-left: 0.7em;}

.velinfo { display: none; background-color: #ffc; color: #333; padding: 1.2em 1.8em; font-size: 80%; margin: 1em -3px 0 -3px;  border-radius: 3px;}

#around-map-canvas {width: 100%; margin: 0 0 1em 0;}
#map-canvas { width: 100%; min-height: 500px; padding: 0; margin: 0; border: 1px solid #ccc; }

#car-box {box-shadow: 0 0 15px 0 #e6e6e6; margin-bottom: 2em; border-radius: 5px; border: 1px solid #eee;}

#car-box .image-container {position: relative; padding-bottom: 75%; background-color: #eee;}
#car-box .image-container img {margin-bottom: 1.1em; position: absolute; top: 0; left: 0; z-index: 5;}
.cenovka {position: absolute; bottom: 0; width: 9rem; text-align: center; right: 2rem; padding: 0.2rem 1.0rem 0 1.0rem; line-height: 2.2rem; z-index: 18; background-color: #fff; color: #000; font-weight: 600; font-size: 0.9rem; border-radius: 4px 4px 0 0; }
.odpocet {position: absolute; bottom: calc(2.4rem - 4px); width: 7rem; text-align: center; right: 2rem; padding: 0.1rem 0.7rem 4px 0.7rem; line-height: 1.2rem; z-index: 18; background-color: #000; color: #fff; font-weight: 300; font-size: 0.7rem; border-radius: 4px 4px 0 0; }

/*.rezervace {position: absolute; top: 15%; left: 0; padding: 0.2rem 1.2rem; line-height: 2.0rem; z-index: 18; background-color: #da1f24; color: #fff; font-weight: 600; font-size: 0.9rem; border-radius: 0 4px 4px 0; }*/
.rezervace {position: absolute; bottom: 0; width: 11rem; text-align: center; right: 2rem; padding: 0.2rem 1.0rem 0 1.0rem; line-height: 2.2rem; z-index: 18; background-color: #fff; color: #d00; font-weight: 600; font-size: 0.9rem; border-radius: 4px 4px 0 0; }

#car-box h2 {font-size: 1.1em; line-height: 1.4em; margin: 1em 0 0 0; padding: 0; color: #333333; font-weight: 400;}
#car-box h2 small {font-size: 0.9em; color: #666666; font-weight: 300;}
#car-box h3 {font-size: 0.9em; line-height: 1.4em; margin: 0 0 1em 0; padding: 0; color: #6cc200; font-weight: 400;}

#car-box a {text-decoration: none;}

.label-box {margin-bottom: 1rem;}
.car-label {display: inline-block; background-color: #eee; color: #000; border-radius: 5px; font-size: 0.8rem; line-height: 1em; padding: 0.3em 0.5em; margin: 0 0.4em 0.3em 0;}
.diesel {background-color: #333; color: #fff;}
.benzin {background-color: #6cc200; color: #fff;}
.elektro {background-color: #da1f24; color: #fff;}
.cng {background-color: #666; color: #fff;}
.lpg {background-color: #666; color: #fff;}
.hybrid {background-color: #39f; color: #fff;}

.fsbox {margin-bottom: 1.4em;}
.sortby {background-color: #fff; border-radius: 3px; border: 1px solid #ccc; background-image: none; color: #666; padding: 0.5em calc(1em + 20px) 0.5em 1em; font-size: 0.9rem; cursor: pointer; background-image: url('../graph/arrow-down.svg'); background-repeat: no-repeat; background-position: calc(100% - 15px) 50%;}
.dropdown-pane div { padding: 0.3em 0.6em; cursor: pointer;}
.dropdown-pane div:hover { background-color: #eee;}

.set-opacity-70 {opacity: 30%;}

#filtr  {background-color: #6cc200; padding: 1.5em; color: #fff; margin: 0 0 1.5em 0; border-radius: 5px; box-shadow: 0 0 10px 0 #e6e6e6;}
#filtr h4 {color: rgba(0,0,0,0.7); font-size: 1.2rem;}

#filtr .filtr-man-off { display: block; color: #fff; text-decoration: none; border: 1px solid rgba(0,0,0,0.2); border-width: 0 0 1px 0; padding: 0.2em 0 0.2em 1.2em; cursor: pointer; background-image: url('../graph/checkbox-off.svg'); background-repeat: no-repeat; background-position: 0 0.55em;}
#filtr .filtr-man-on { display: block; color: #fff; text-decoration: none; border: 1px solid rgba(0,0,0,0.2); border-width: 0 0 1px 0; padding: 0.2em 0 0.2em 1.2em; cursor: pointer; background-image: url('../graph/checkbox-on.svg'); background-repeat: no-repeat; background-position: 0 0.55em;}
#filtr .filtr-man-first { border-width: 1px 0 1px 0;}
#filtr .filtr-mod { padding-left: 2.4em; background-position: 1.2em 0.55em; color: #000;}

#filtr .filtr-man-on small, #filtr .filtr-man-off small { display: inline-block; font-size: 0.5rem; background-color: rgba(0,0,0,0.4); color: #fff; padding: 0.1em 0.7em; border-radius: 10px;}

 h1.cardet {margin: 0; padding: 0; color: #333333; font-size: 1.8rem; line-height: 2.5rem;}
 h2.cardet {margin: 0; padding: 0; color: #6cc200; font-size: 1.8rem; line-height: 2.5rem;}
 .cardethead {margin-top: 1rem; margin-bottom: 1.4rem; margin-top: 1rem;}

 #carfoto .image-container {position: relative; padding-bottom: 75%; background-color: #eee; margin-bottom: 1.8em; border-radius: 0.5rem;}
 #carfoto .image-container img {position: absolute; top: 0; left: 0; z-index: 5; box-shadow: 0 0 10px 0 #e6e6e6; border-radius: 0.5rem;}

 .cardetpanel {box-shadow: 0 0 10px 0 #e6e6e6; border: 1px solid #ddd; border-radius: 0.5rem; padding: 2rem 2.5rem; color: #555; margin: 0 0 2em 0;}
 .cardetpanel strong {color: #222;}
 .cardetpanel h3 {margin: 0; padding: 0 0 1rem 0; font-size: 1.6rem;}
 .cardetpanel .cdp { border-top: 1px solid #eee; padding: 0.8rem 0;}
 .cardetpanel .cdpf { border-top-width: 0;}

 .cardetpanelprice {background-color: #fff;  border: 2px solid #6cc200; border-radius: 0.5rem; padding: 2rem 2.5rem; color: #333; margin: 0 0 2em 0;}
 .cardetpanelprice strong { font-size: 1.4rem; color: #6cc200; }

.cardetpanelrezervace {background-color: #fff; color: #d00; border: 2px solid #d00; border-radius: 0.5rem; padding: 2rem 2.5rem; color: #d00; margin: 0 0 2em 0; font-weight: bold;}

 .updatedat {font-size: 0.7rem; color: #ccc;}
 .callout.alert {background-color: #fff; background-image: none; border: 1px solid #d00; border-radius: 5px; width: 100%;}

 
 a.home-butt:link, a.home-butt:active, a.home-butt:visited  { display: inline-block; background-color: #6cc200; color: #fff; padding: 1.2em 2.4em; text-decoration: none; margin: 3em 0; border-radius: 5px;}
 a.home-butt:hover  { background-color: #5cb200; box-shadow: 0 0 15px 0 #000;}

#home-bcg {margin: 0; background-color: #000; background-image: url('../graph/bcg.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: auto 100%; min-height: 600px;}
#home-bcg h1 {margin: 3rem 0 0 0; color: #fff; font-size: 2.4rem;}

.hp-bestbox {height: 880px;}
.hp-bestbox-car {display: block; position: relative; width: 100%; height: 100%;}
.hp-bestbox-car .imgbox {display: block; margin: 0 auto; position: absolute; bottom: 7rem; width: 100%; text-align: center;}
.hp-bestbox-car img {display: block; position: relative; margin: 0 auto; max-height: 9rem; filter: drop-shadow(0px 0px 20px #000);}
.hp-bestbox-car h3 a {display: block; position: absolute; bottom: 4rem; margin: 0; width: 100%; color: #fff; text-decoration: none; font-weight: 600; font-style: italic; font-size: 1.8rem; text-align: center; line-height: 2rem; text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;}
.hp-bestbox-cenovka {display: block; position: absolute; bottom: 0; margin: 0; /*background-color: rgba(0,0,0,0.5);*/ color: #fff; width: 100%; line-height: 2rem; max-height: 2rem; font-weight: bold; font-size: 1.2rem;}
.hp-bestbox-cenovka small {font-weight: normal; color: #ccc;}
.hp-bestbox-pocet {display: block; position: absolute; bottom: 2rem; margin: 0; color: #6cc200; font-weight: 600; line-height: 2rem; font-size: 1.0rem; text-align: center; width: 100%;}

.hp-logobox {display: block; position: relative; width: 100%; height: 100%; }
.hp-logobox .logo {display: block; margin: 0 auto; position: absolute; bottom: 1rem; padding: 0; width: 100%; text-align: center;}
.hp-logobox .logo img {display: block; position: relative; margin: 0 auto; padding: 0; max-height: 110px; filter: drop-shadow(0px 0px 40px #000);}