@media(max-width:767px) {
	#navbar .showmenu { display:block !important; }
	.body-nav .navbar-toggle { display: none !important; }
}

#pictures {width: 100%; position: relative; }
#pictures .gal-imgsimple-image img {max-width:100px; max-height: 100px; background-size:cover; border-radius:50px; border:1px solid #EEE; }
#pictures .gal-imgsimple-box { width: 100px; height: 100px; border-radius:50px; padding:0px; }
.gal-imgsimple-image img { width:100px; height:100px; }
.jcarousel {width: 100%; position: relative; overflow: hidden; height: 100px; }
.jcarousel ul {width: 20000px;   position: relative; list-style: none; margin: 0px 0px;  padding: 0; height: 100px; margin-left:-5px; }
.jcarousel li {margin: 0px; float: left; }
.jcarousel li:before { display:none; }

.jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 34px;  width: 30px; height: 30px; text-align: center; background: #4E443C; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;    -webkit-box-shadow: 0 0 2px #999;  -moz-box-shadow: 0 0 2px #999;  box-shadow: 0 0 2px #999; }

.jcarousel-control-prev {left: 0px; background:rgba(0,0,0,0.5); color:#FFF !important; }
.jcarousel-control-next {right: 0px; background:rgba(0,0,0,0.5); color:#FFF !important; }

.jcarousel-control-next:hover, .jcarousel-control-prev:hover { text-decoration:none !important; color:#000 !important; background:rgba(255,255,255,0.5); }
.jcarousel-control-prev:hover span,.jcarousel-control-next:hover span {
    display: block; text-decoration: none; }

.jcarousel-control-prev.inactive, .jcarousel-control-next.inactive {opacity: 0; cursor: default; }

.picbox { min-height:300px;   }
.picbox a.title-img { display: block; width: 90%; position:relative; text-align:right; margin-left:10%; margin-bottom:10%; }
.picbox a.title-img img { border-radius:10px; }
.picbox a.title-img div { position:absolute; left:-10%; bottom:-10%; width:150px; height:150px; background:center center; border-radius:100px; border:1px solid #EEE; box-shadow:0px 0px 5px #333; -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out; background-size:cover; }
/*.picbox a.title-img div:hover { width:300px; height:300px; border-radius:150px; box-shadow:0px 0px 50px #000;  } */

.pic-obal { position:absolute; right:0px; top:225px; border-radius:50px; width:70px; height:70px; background:#fcb302; text-align:center; color:#000;  letter-spacing:-1px; font-size:16px; line-height:13px; padding-top:12px;  } 
.pic-obal a { color:#000; text-decoration:none;  }
.pic-obal a p { text-transform:none !important; }
.pic-obal i { font-size:20px; }

.cartbox { border:1px solid #EEE; border-radius:5px;  margin-bottom:5px; padding:15px 7px 7px 7px; background: url(/Graphics/bg_cart.png) no-repeat 30px center #fafafa; position:relative;    }
.scart input[name=cnt], .scart input[name=weight] { width: 35px; font-weight:bold;  height:28px; border-radius:3px 0px 0px 3px; position: relative;  text-align:center; line-height:28px; border-right:none; font-size:15px;    }
.scart input[name=weight]  { width:100px; }
.scart .btn { background:#fcb302; color:#FFF; font-size:18px; padding:0px 10px; line-height:26px; border-radius:0px 3px 3px 0px; transition: all 0.3s;}
.scart .btn:hover { background:#4c703b; }

.scart.velko { margin-top:20px; border-top:1px solid #CCC; padding:20px; text-align:center; }
.scart.velko input::placeholder { color:#CCC; font-weight:normal; }

.cartbox .info { text-align:left; margin-bottom:15px; font-size:14px; color:#4c713b; margin-top:0px; cursor:help;  }
.cartbox .info strong { font-weight: 500; }
.cartbox .info a { margin-left:10px; }

.cartbox.neni { background-image:url(/Graphics/byliksmutny_maly.png); background-position: right center; font-size:17px; padding:20px; }

.order-tab.skryt { min-height:0px; height:0px;  opacity:0; overflow:hidden;  }
.order-tab.ukaz {min-height:25px; opacity:1; }
.zobrazitvarianty { background:#000; height:20px; text-align:center; background:url(/Graphics/dalsivarianty.png) -7px 0px no-repeat; text-shadow:1px 1px 3px #EEE; cursor:pointer; margin-top:5px; }
.zobrazitvarianty:hover { color:#000; }

.order-tab { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;  border-radius:3px; min-height:25px; margin-top: 5px;   }
.order-tab:hover { background:rgba(252, 179, 2, 0.25);   }
.order-tab .varianta { line-height:38px; font-size:15px; text-align:center; float:left; font-weight:400;  }
.order-tab .porce { display:block; font-size:11px; letter-spacing:-1px; margin-top:-10px;color:#999; line-height:1; font-family: 'Open Sans', sans-serif;  }
.order-tab .varianta small {  font-size:11px; color:#090; }
.order-tab .priceold { display:block; line-height:5px; font-size:13px; white-space:nowrap; text-align:center; color:#666; text-decoration:line-through; position:absolute; top:0px; left:30%;  }
.order-tab .price { text-align:right;  }
.order-tab .with-dph { font-size:20px; letter-spacing:-0.5px; display: block; text-align:right; line-height:40px; margin-top:0px; float:right; margin-right:5px; color:#4c6f3b; font-weight:500;}
.order-tab .with-dph .currenci { font-size:12px; color:#333; font-weight:100;  font-family: 'Open Sans', sans-serif; margin-left:-3px;  }
.order-tab .with-dph .currenci strong { font-size:13px; font-weight:normal; }
.order-tab .without-dph { font-size:10px; display:block; text-align:right; line-height:10px; margin-top:-4px; }
.order-tab form { display:inline-block; float:right; padding:7px 0px; }
.velko .order-tab .with-dph { line-height: 30px; }

.good-desc-long { margin-bottom:20px; }

.dostupnost { color:#090; font-size:17px; text-align:left; margin-bottom:25px;  }
.dostupnost .in { margin-top:0px; letter-spacing:0px; border:1px solid #090; padding:2px 10px; background:#F4FFF4; border-radius:3px; padding: 7px; text-align: center;   }
.dostupnost .dor { display:none; }
.dostupnost .neniskladem { background:#e2e2e2; color:#596959; border-color:#596959;  }

#content .dostupnost ul { margin-top: 20px; margin-left: 0px; margin-right: 20px; }
#content .dostupnost ul li { text-align: left; font-size:17px !important; font-weight: 500; letter-spacing: -1px;   }
#content .dostupnost ul li strong { font-weight: normal; }
#content  .dostupnost ul li::before { display: none; }
#content  .dostupnost ul .kdy { float: right; }

.infobutton { border-left:1px solid #4c713b; padding-top:10px; padding-bottom:10px; padding-left: 20px; background: #EFEFEF url(/Graphics/bylik_kontakt_barva.png) no-repeat right bottom  ; color:#666; padding-right:60px; font-size:25px;  }

.descbox .sleva { color:#FFF; background:#d82103; line-height:60px; border-radius:50px; height:60px; width:60px; position:absolute; right:-30px; bottom:-55px; letter-spacing:-2px; font-size:25px; text-align:center; font-weight: 600;  }

.slevazak { border:1px solid #0072dc; color:#0072dc; background:#e3f1ff; text-align:center; padding:5px; margin-bottom:5px; border-radius:3px; font-size:15px;  }

.logo-vyrobce { float:right; width:33.33333%; }
.desc-box { border:1px solid #DDDDDD; border-top:none; }

.Product .col-lg-10 { background-color: rgba(255,255,255,0.7);   }
.good-desc-long h3 { font-size:20px;  }
.good-desc-long i { font-size:20px; color:#fcb302; float:left; width:30px; line-height:30px; margin-right:10px; text-align:center; border:1px solid #EEE; border-radius:3px; margin-top:3px; }
.links li i { float:none; font-size:15px; width:auto; line-height:15px; border:none; }

.descbox table { width:100%; }
.descbox table td { text-align:right; padding:2px; border-bottom:1px solid #EEE;  }
.descbox table th {  padding:2px; border-bottom:1px solid #EEE;  }
.descbox .infodesc { position:relative;  padding-bottom:0px; }

.share .social:before { content:"sdílejte: "; font-size:14px;  line-height:40px;  }
.share .ulozit:before { content:"ulož: "; font-size:14px;  line-height:40px;  }
.share .hlidat:before { content:"hlídej: "; font-size:14px;  line-height:40px;  }
.share { font-size:20px; float:right; margin-top:25px; }
.share div { display:inline-block; margin-left:15px; }
.share a { margin-left:5px;  text-shadow:1px 1px 1px #EEE; }
.share a.fb { color:#3e5b97; }
.share a.gplus { color:#d74237; }
.share a.tw { color:#2aa7de; }
.share a.in { color:#4392cc; }
.share a.pt { color:#c2272c; }

.farma-box { font-size:20px; float:right; margin-top:25px; background: url("/Graphics/farma-box.png") 10px center #108f40; background-size: auto 100%; background-repeat: no-repeat;  color:#FFF; font-size: 15px; line-height: 17px; width: 300px; height: 75px; padding: 13px 10px 10px 60px; border-radius: 3px; margin-right: 15px; }
.farma-box.bezny { background: url("/Graphics/farma-box.png") right top; background-size: auto 100%; background-repeat: no-repeat; padding: 13px 10px 10px 25px;  }
.farma-box a { float: right; color: #FFF; margin-right: 4px; } 

.farma-h1 { color:#108f40 !important; font-size: 20px; letter-spacing: -1px;   }

.kontakt { border-left:1px solid #EEE; padding-top:10px; padding-bottom:10px; padding-left: 20px; background: #FDFDFD url(/Graphics/bylik_kontakt.png) no-repeat right bottom  ; }
.kontakt p {  font-size:14px; font-family: 'PT Sans Narrow', sans-serif; }
.kontakt span { display:block; margin-top:5px; font-size:16px; white-space:nowrap; }
.kontakt .telefon { line-height:1px; }  
.kontakt small { font-size:13px; line-height:15px; }
.kontakt .jmeno { font-weight:400; font-size:20px; color:#4b6f3b; line-height:1 !important; }
.kontakt img { width:90px; margin-top:-5px; }

.img-text { width: 100%; }
.img-block { background: #EFEFEF; text-align: center; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; padding: 0px; font-weight: normal !important; line-height: 30px; margin: 15px 0px 15px 15px;  }
.img-block strong { font-weight: 100; font-style: italic;  }


.infopopis { background:#b0d9ff; padding:25px 15px 20px 15px; border-radius:10px; margin-top:20px; color:#0f4a80;  }
.infopopis i { color:#0f4a80; border:none; font-size:30px; margin-top:-5px;  } 
.infopopis p { margin-bottom:0px; font-weight:bold; }
.priprava { background:#fff8e7; padding:5px 15px 20px 15px; border-radius:10px; margin-top:20px;  }
.vyrobce { margin-top:20px; text-align:center; border-top:1px solid #EEE; text-align:center; font-size:12px; padding:4px; }
.varovani { background:#FFCACA; }
.varovani  h3 { color:#C00; margin-top:10px; }
.varovani  p { color:#000; }
.varovani i { color:#C00; border:0px; }
.souvisejici .good { background:none; border:none; height:180px; }
.souvisejici .good:last-child { border:none; }
.souvisejici .good .desc-box { border:none; }
/*.souvisejici .good .pic-small { height:127px; }*/

.container { background-repeat: no-repeat;  background-position: left bottom; }


/************** vybiratko vlastniho mnozstvi ************/
.slider .slider-tick-label-container .slider-tick-label {color: #888; }
.slider .slider-tick-label-container .slider-tick-label.current {color: #000; }
.slider.slider-horizontal {width: 100% !important; max-width: 100%; }

#dostupnost {color: #990000; }
#dostupnost.on-store {color: #009900; }



.modal-vyber { text-align:center; }
.modal-vyber #cust-dostupnost { margin-top:20px; font-size:16px;  display:inline-block; border:1px solid #090; color:#090; padding:2px 10px; background:#F4FFF4; border-radius:3px;  }

.modal-vyber .slider-tick-label { font-weight:bold; }
.modal-vyber .slider-tick-label small { color:#4d723d; font-size:16px; }
.slider-handle { background-image: linear-gradient(to bottom, #fcb302 0%, #fcb302 100%) !important; background-color: #fcb302 !important;  }
.slider-selection.tick-slider-selection, .slider-tick.in-selection { background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%) !important; }

#choose-amount { line-height:30px; border-radius:5px; margin-top:10px; }

.suppq { padding:20px; background:url(/Graphics/bg_covaszajima.png) no-repeat center bottom; height:165px;   }
.suppq input { width:80%;  }

.podobne h2 { font-size:15px; background:none; text-align:left; margin:0px; padding:0px; margin-bottom:5px;   }
.podobne h2::after { display:none; }
.podobne  .good {  padding:0px; border-radius:0px; padding-left:2px; height:70px; border: none;}
.podobne  .good .in:hover { background:rgba(77,111,58,0.1); }
.podobne  .good .in { height:55px; padding:15px 5px; border:1px solid #EFEFEF !important; border-radius:3px;  }
.podobne  .good h3 { width:70%; text-align:left; float:right; padding-left:10px; margin-top:-5px; font-size:17px; letter-spacing:-1px; }
.podobne  .good .desc-box { border:none; }
.podobne  .good .pic-small { height:40px; background-size:contain; width:30%; }
.podobne .good .pic-small .detail { width:43px; height:43px; right:0px; box-shadow:0px 0px #FFF !important; border-radius:0px !important; background:center center no-repeat; background-size:contain; border:none !important; display:block;   }
.podobne .good .pic-small .detail:hover { width:43px; height:43px; box-shadow:none; }

.sale-labels { left:10px !important; top:0px !important; }
.sale-label { font-size:20px !important; letter-spacing:0px !important; margin-bottom:3px; }

/* bylikacky */
.cartbox .bylikacky { color:#bc7f1a; background:url(/Graphics/bylikacka_mala.png) no-repeat right center; background-size:auto 13px; padding-right:14px; text-align:right; width:40px; position:absolute; left:35px; cursor:help; }  

#content .good-desc-long ol { list-style: none; padding: 0;  margin: auto; }
#content .good-desc-long ol li { background: white; padding: 15px 20px; margin-bottom: 10px; border-left: 5px solid #4c713b; font-size: 16px; display: flex; align-items: center; position: relative;             box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.1); border-radius: 4px; transition: all 0.2s ease; } 
#content .good-desc-long ol li:hover { transform: translateY(-3px); box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.2); }
#content .good-desc-long ol li::before { content: counter(list-item) "."; counter-increment: list-item; font-weight: bold; font-size: 18px;  color: #4c713b; margin-right: 10px; }

#faq-form { margin-top:0px;  } 
.faq-cont li::before { display:none;   }
.faq-cont i { float:left; margin-right:10px;  }
.faq-cont li { margin-left:0px; padding-left:0px !important; }
.faq-cont h2 { display:none; }
.faq-cont h3 { font-size:18px; font-weight: 400;  margin:0px; margin-bottom:10px;  }


.thumbnail { border:none; }
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border:none; }
.question i { margin-top:0px; }

/* typy */
.tipy h2 { text-align:center;  margin-top:20px; }
.tipy .good { height:180px; border-bottom:1px solid #EFEFEF; padding-top: 20px; border-right: none;  border-top: none; }
.tipy .good .sale-label { font-size:12px !important; }
.tipy .sale-labels { left:0px !important; top:0px !important; }
.tipy .good .price-discount { left:15px; bottom:5px; z-index:101; }
 .tipy .good h3.title { height: 60px; font-size: 18px; }
.tipy .good h3 a em { font-size: 15px; }
.tipy .good .availability-box { font-size: 10px; display: none;}

.calc .spotreba { text-align: center; border: 1px solid #EFEFEF; font-weight:  bold;}
.calc .btn { margin-bottom: 4px; }

.bylikacky-info { position: relative; }
.bylikacky-info { position: relative;  text-align: right; padding: 3px; padding-left: 10px;  border-radius:4px; font-size: 17px; margin-top: 10px; margin-bottom: 10px;  display: block; color: #a06c16; text-decoration: none; padding-right:45px; font-size: 14px;  }
.bylikacky-info img { position: absolute; width: 25px; height: 25px; right: 15px; top:0px;  }

@media(min-width:768px) and (max-width:991px) {
	.catmenu { display:none; }
	.cartbox { margin-top:0px !important; }
	.descbox .sleva { width:70px; height:70px; line-height:70px; font-size:40px; top:auto; left:auto; right:-10px !important; bottom:-30px !important;  }
	.descbox .infodesc { min-height:10px; padding-bottom:0px; }
	.picbox a.title-img div { bottom:20%; left:0px; }
	.picbox a.title-img { width:100%; margin:0 auto;  margin-top:20px; padding-top:20px; border-top:1px solid #EEE;}
	.picbox a.title-img img { width:65%; margin:0 auto; }
}