/*
*
*   Zde můžete vložit vlastní styly stránky. Níže jsou nastavená media query.
*
*   POZN: po uložení stránky, dojde k přepsání původních stylů na základě vložených stylů!
*
*/
@keyframes zoomIn {
  from {
    transform: scale(1.2);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

img.zoom-animation {
  animation: zoomIn 0.6s ease-out;
}

.selection .secondImageBase.showOnlyOnPC {
  width: auto !important;
}
#balikovna-branches, #cpost-branches, #wedo-branches, #ppl-branches{
z-index: 9999999999 !important;
}
#frm-settingsForm-identificationNumber, #frm-settingsForm-vatNumber {
  border-color: transparent !important;
}
#company label{
color: #623a25 !important;
}
.sg-cart .details .options ul li .check .point {
  padding: 0 !important;
}
.button-spinner {
  border: 2px solid #fff;
  border-top: 2px solid transparent;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

a{
  transition: color 0.25s, background 0.25s, border-color 0.25s !important;
}
.author strong span {
  color: #49291880 !important;
  font-size: 16px;
  font-weight: 400;
}
#product-detail .in .rating .list .item .content ul li.plus::before {
  background: transparent !important;
  color: #4D9309 !important;
}
#product-detail .in .rating .list .item .content ul li.plus::before {
  background: transparent !important;
  color: #4D9309 !important;
}
#product-detail .in .rating .list .item .content ul li.minus::before {
  background: transparent !important;
  color: #492918 !important;
}
.content li.plus {
  color: #4D9309 !important;
  font-weight: bold;
}
#accessories-nav {
  font-size: 24px !important;
  text-transform: none !important;
  font-family: Roboto !important;
}
.logo img {
  border-radius: 4px;
}
.sg-button.outline.gray.packeta-selector-open, .show-map.sg-button.outline.gray, .show-ppl-map.sg-button.outline.gray {
  font-family: Roboto;
}
@media only screen and (min-width: 1024px) {
  .products ul li {
    margin:0 !important;
  }
}
.selectize-dropdown.single.sg-select.service-special-select.selectize{
  position: initial;
}
#splide04-track .sg-button.black{
  display: none !important;
}
  .price-box span:first-of-type {
    width: 140px;
}
.price-box .old {
    width: 0;
  min-width: 0;
  margin-left: 0 !important;
}
.sg-cart .list .alert.alert-success {
  background: #4d9309 !important;
}
#cart-summary-widget {
  margin-top: 10px !important;
}
 html {
  scroll-behavior: smooth;
}
.vouchers .add .toggle-container {
  font-size: 16px !important;
}
#basket .in .sg-cart.wide-cart .cart-gifts .gift {
  flex: 0 1 1;
}
#basket .in .sg-cart .cart-gifts .gift .image {
  background-color: white;
}
#basket .in .sg-cart .nav .sg-button {
  font-size: 16px !important;
}
#products-list .sg-product-item .price, #accessories-tab .sg-product-item .price, #product-detail .products .sg-product-item .price, #cross-sell .sg-product-item .price, #best-sell .sg-product-item .price {
  color: #7fbb5f !important;
  font-weight: 700;
}
.sg-product-item .price strong {
  font-weight: 700;
  color: #7fbb5f !important;
}
.breadcrumbs .in{
  color: #623a25;
  font-weight: bold;
}
.breadcrumbs .in a {
  color: #4d9309 !important;
  text-decoration: underline;
}
#product-detail .in .left-side .product-variants-natural .moto{
	margin-bottom: 0 !important;
}
@media screen and (max-width: 1600px) {
  #best-sell.up-sell .products ul li:nth-child(7), #cross-sell.up-sell .products ul li:nth-child(7) {
    display: block !important;
  }
}
#cart-updated{
  z-index: 9999999999 !important;
}
#best-sell.up-sell .products ul li p.price strong, #cross-sell.up-sell .products ul li p.price strong {
  color: #4d9309 !important;
}
.sg-label.new {
  background: #4d9309 !important;
}
.sg-label.tip{
  background: #e07b00 !important;
}
.sg-label.action{
  background: #d61522 !important;
}
.list.divMainMob ul li a img{
	opacity: 1 !important;
}
@media (max-width: 600px) {
  .header-user {
    display: none !important;
  }
  .logo.menuLogoMobileEnd {
    visibility: hidden;
  }
    .sg-label.tip {
    font-size: 10px !important;
  }
  #best-sell.up-sell .products ul li{
  	padding-top: 0 !important;
  }
  .breadcrumbs {
  background: white !important;
  margin-left: 14px;
}
}
@media only screen and (min-width: 600px) {
  #header .nav .in .toggles li a.basket-toggle span.number{
    top: 8px !important;
    right: 50px !important;
    border-radius: 6px !important;
    border: solid 1px #E07B00 !important;
    background: #E07B00 !important;
  }
}
#header .nav .in .toggles li a.basket-toggle span.number{
  top: 8px !important;
  right: 5px;
  border-radius: 6px !important;
  border: solid 1px #E07B00 !important;
  background: #E07B00 !important;
}
#promo .in .slider ul li .content .more a {
  margin-top: 15vw !important;
  margin-left: 35px;
}
#product-variants .moto{
	text-align: center !important;
}
#product-variants{
  border: 1px solid #795745;
  display: block;
  border-radius: 10px;
}
@media only screen and (max-width: 600px) and (min-width: 410px) {
  #promo .in .slider ul li .content .more a {
    bottom: -180px !important;
  }
}
#promo .in .slider ul li{
	cursor: pointer;
}
#promo .in .slider ul li .content .more a{
  width: 200px !important;
  text-align: center;
  display: flex;
  justify-content: center;
}
.splide__track{
	border-radius: 15px;
}
@media only screen and (max-width: 480px) {
  #product-detail .in .left-side .natural-form .pricing {
  flex-wrap: wrap-reverse !important;
}
  #product-detail .in .left-side .natural-form .pricing .price {
  justify-content: start !important;
}
  #product-detail .in .left-side .natural-form .pricing .count-form{
      justify-content: center !important;
  }
  #product-detail .in .left-side .natural-form .pricing .submit{
      justify-content: center !important;
  }
  #promo .in .slider ul li .content .more a{
    width: 70vw !important;
    margin-left: 15px;
  }
  #cart-updated .in .content .related-box .image {
    margin-left: 16px !important;
  }
}
#cart-updated .in .content .related-box ul li{
  flex: 0 1 23.4% !important;
}
#cart-updated .in .content .related-box ul {
  gap: 20px 2% !important;
}
@media only screen and (max-width: 480px) {
  #cart-updated .in .content .related-box ul li {
    flex: 0 1 49% !important;
  }
}
#cart-updated .in .content .related-box ul li:hover{
    background: rgba(77, 147, 9, 0.12) !important;
}
#cart-updated .in .content .product-box .image img {
  max-width: 120px;
  width: auto;
  max-height: 120px;
  height: auto;
  background: #F6F6F6;
  border-radius: 6px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#cart-updated .image{
    background: transparent !important;
}
#cart-updated .in .content .related-box .price .sg-button{
   border-radius: 0;
}
#cart-updated .in .content .related-box ul li .footer .price {
  color: #4D9309;
}
#cart-updated .in .content .related-box ul li {
  background: #94C0201A;
  border-radius: 6px;
}
.related-box h3 {
  color: #623A25;
  font-size: 32px;
  text-align: center;
  font-family: Active;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 1.44px;
  text-transform: none;
  margin-top: 10px;
}
#cart-updated .in .content .product-box .text h3 {
  font-size: 24px !important;
  font-family: Roboto;
  text-transform: inherit;
}
#cart-updated .in .content h2 {
  margin-bottom: 20px;
  background: #94C0201A;
  padding: 8px 16px;
  border-radius: 6px;
  text-align: left !important;
  color: #4D9309;
  text-transform: none;
}
.aTagForMobile{
  background: #4d9309 !important;
}
#best-sell.up-sell .products ul li form button.iconn{
  background: #4d9309 !important;
}
#footer .in .box.payment .social ul li a{
  background: transparent !important;
}
#header .nav .in .search {
  background-color: #4d9309 !important;
}
body.beige-bg {
  background-color: white !important;
}
#footer .in.copyright{
  background: #4D9309 !important;
}
#basket .in .sg-cart .steps ul li.active span, #basket .in .sg-cart .steps ul li a.active span{
  background: #4D9309 !important;
}
#footer::before {
  display: none;
}
#footer{
  background: #4D9309 !important;
}
#best-sell.up-sell .products ul li form button.iconn{
  width: 114% !important;
  justify-content: center;
}
#cart-updated .in .content .related-box .price .sg-button{
  background: url("/tmpl/boston/img/kosik_button.svg") no-repeat center center #4d9309 !important;
  background-size: 50% !important;
}
#header .nav .in .menu .main .mobile-swapping.swap li .submenu.open .item.swap-all h2{
  background: #4D9309 !important;
}
#promo .in .slider .nav span{
  background: #4D9309 !important;
}
#scrollToTopButton {
  background: #4D9309 !important;
}
.sg-button.ajax {
  background: #4D9309;
}
.sg-button.black{
  background: #4D9309;
}
 #header .nav .in .menu .main ul li {
    background-color: #4D9309 !important;
  }
#header .nav .in .toggles li a.basket-toggle .price {
  color: white !important;
}
#header .nav {
  background: #4D9309 !important;
}
#header .nav .in .menu {
  background: #4D9309 !important;
}
#header .nav .in .menu .main{
  background: #4D9309 !important;
}
.no-touch #promo .in .slider .nav span{
  background: #4D9309 !important;
}
@media only screen and (max-width: 768px) {
  #header .nav .in .menu .main ul li.crazy-item {
    background-color: white !important;
  }
  #cart-updated .in .content .product-box .text .prices{
   	font-size: 22px !important;
  }
}
body.beige-bg #footer {
  background-image: url('/tmpl/boston/img/footer-white.webp');
}
#footer::before {
	background-color: white !important;
}
.item.swap-all a h2{
	background: #85bf68 !important;
}
.item.swap-all{
	width: 200px;
    margin: auto;
}
@media only screen and (max-width: 768px) {
  #header .nav .in .menu .main ul li.crazy-item {
    background-color: white;
  }
  #header .nav .in .menu .main ul {
    padding: 15px;
    background-color: white;
  }
  #header .nav .in .menu .main ul li.crazy-item .submenu {
    background: white;
    gap: 0;
  }
  .has-submenu span{
  	margin-left: 20px !important;
  }
  .crazy-item a span{
  	margin-left: 20px !important;
  }
}
.wrap .in.cols .right-side .paging ul li a, .wrap .in.wide-list .right-side .paging ul li a, .wrap .in.cols .right-side .paging ul li span, .wrap .in.wide-list .right-side .paging ul li span {
  border-radius: 5px !important;
}
#products-list ul .first, #products-list ul .last{
	display: none !important;
}
@media only screen and (min-width: 1024px) {
  .wrap .in.wide-list .right-side .paging .total {
    width: 300px;
  }
}
.wrap .in.cols .right-side .paging ul li a.active, .wrap .in.wide-list .right-side .paging ul li a.active, .wrap .in.cols .right-side .paging ul li span.active, .wrap .in.wide-list .right-side .paging ul li span.active, .wrap .in.cols .right-side .paging ul li a:hover, .wrap .in.wide-list .right-side .paging ul li a:hover, .wrap .in.cols .right-side .paging ul li span:hover, .wrap .in.wide-list .right-side .paging ul li span:hover{
	background-color: #623a25;
  	color: white;
  	border-radius: 5px;
}
.no-touch #header .nav .in .menu .main ul li a:hover span, .no-touch #header .nav .in .menu .other ul li a:hover span {
  text-decoration: none !important;
}
.breadcrumbs {
  border-bottom: 1px solid #d0c4be;
  text-align: left;
  background: white;
}
.wrap .in.wide-list .right-side .paging ul li a.active{
  background-color: white !important;
  color: #623a25 !important;
  border: 1px solid #623a25 !important;
  border-radius: 5px !important;
}
#header .nav .in .menu .main ul li .submenu::after{
  background: white;
}
#header .nav .in .menu .main ul li .submenu::before{
  background: white;
}
#header .nav .in .search .suggestion .goods ul li .image,
#header .nav .in .search .suggestion .blog ul li .image{
  height: auto !important;
  background: #85bf68 !important;
}
#header .nav .in .search .suggestion .all a {
    background: #4d9309 !important;
}
#header .nav .in .search ul li.submit button {
  background: #4d9309 !important;
}
#header .nav .in .search {
    background-color: #4d9309 !important;
  }
.no-touch #header .nav .in .search ul li.submit button:hover {
  background: #4d9309 !important;
}
@media screen and (min-width: 650px) {
  #scrollToTopButton{
  	right: 25px !important;
  }
}
.secondImageBase{
transition: scale .3s;
}
.secondImageBase:hover{
transform: scale(1.1) !important;
}
.sg-product-item:hover {
  border-color: white !important;
}
.mobile-only {
    border-radius: 20px;
  }
.secondImageBase.showOnlyOnPC {
  border-radius: 20px;
  width: 98% !important;
  max-width: 110% !important;
}
.obsah {
  border-radius: 20px;
}
#product-detail .in .sg-tabs .sg-tabs-item-content .obsah.beige::after {
    display: none;
  }
#product-detail .in .sg-tabs .sg-tabs-item-content .obsah.beige::before {
    display: none;
  }
.desktop-only {
  border-radius: 10px;
  margin: 10px;
}
#benefits .in .slider ul li .image {
  margin-left: 0 !important;
}
#benefits .in .slider ul li .content {
  overflow: auto;
}
#benefits .in .slider ul li {
  max-height: 540px;
}
.image a img {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
  }
.bitmap{
  -webkit-tap-highlight-color: transparent;
}
ul li {
  -webkit-tap-highlight-color: transparent;
}
.sg-modal .in .content {
    margin: 0 !important;
}
.packeta-selector-open-car{
	margin-top:10px;
}
.textMenuMobile{
  font-size: 10px;
  color: black;
  position: absolute;
  bottom: -10px;
  display: none;
  }
.selectize-input {
  border-radius: 50px;
}
.no-touch .sg-button.outline {
  font-family: Active;
  font-size: 20px;
  padding: 25px;
  background: #4d9309 !important;
  color: white;
  width: 100%;
  text-align: center;
  justify-content: center;
  height: 20px;
}
.sg-cart .summary .content ul.total li strong:last-child {
  font-size: 24px;
}
.sg-cart .summary .content ul.total {
  background: white;
}
.selectize-input.full {
  border-radius: 50px;
}
#basket .in .sg-cart .list .row.body .col.total.sum strong {
  font-weight: 700;
}
.sg-cart .list .row.body .col.total strong {
  font-weight: 400;
}
#basket .in .sg-cart .cart-bar .title {
  text-align: center;
  font-size: 26px;
}
.upsell-items-heading {
  text-align: center;
}
@media screen and (max-width: 429px) {
  #best-sell.up-sell .products ul li:nth-child(3), #cross-sell.up-sell .products ul li:nth-child(4) {
    display: block !important;
  }
}
@media screen and (max-width: 653px) {
  .fancybox-toolbar {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
  #best-sell.up-sell .products ul li:nth-child(5), #cross-sell.up-sell .products ul li:nth-child(5) {
    display: block !important;
  }
  .menuLogoMobileEnd{
  	justify-content: end;
    margin-right: 6vw;
  }
  .menuCustomMobileSettings{
    float: left;
    position: absolute;
    left: 0;
    z-index: 999999;
  }
  .cookie-law-wrapper .page .buttons .sg-button.black {
  margin-bottom: 10px;
}
  .textMenuMobile{
  	display: flex !important;
  }
  .customMobileScaleMargin{
  scale: .8;
  margin-top: -10px;
  }
}
@media screen and (max-width: 653px) {
  #best-sell.up-sell .products ul li:nth-child(5), #cross-sell.up-sell .products ul li:nth-child(4) {
    display: block !important;
  }
  .image a img {
    max-height: 1000px !important;
    margin-top: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 0 !important;
  }
  #benefits .image {
    margin-top: 0 !important;
  }
  #benefits .in .slider ul li{
  	max-height: 2000px !important;
  }
}
@media screen and (max-width: 780px) {
  #best-sell.up-sell .products ul li:nth-child(4), #cross-sell.up-sell .products ul li:nth-child(4) {
    display: block !important;
  }
}
@media screen and (max-width: 1024px) {
  #best-sell.up-sell .products ul li:nth-child(4), #cross-sell.up-sell .products ul li:nth-child(4) {
    display: block !important;
  }
}
  @media screen and (max-width: 1024px) {
  #best-sell.up-sell .products ul li:nth-child(6), #cross-sell.up-sell .products ul li:nth-child(6) {
    display: block !important;
  }
}
#basket .in .sg-cart .list .row.sum {
  border: none !important;
  margin-top: 30px;
}
.sub h2 {
  font-size: 28px;
}
.custom-main-select-amount{
background: #4d9309 !important;
  height: 40px !important;
  border-radius: 50% !important;
  color: white !important;
  font-family: Active;
  width: 40px !important;
}
@media only screen and (max-width: 768px) {
  #reviews .in .rating .review .review-product {
    display: block !important;
  }
}
#basket .in .sg-cart .cart-bar {
  border: solid thin #E9E7C4;
}
.sg-input, .sg-textarea {
  border-color: #E9E7C4;
}
#basket .in .sg-cart .cart-bar .bar-space {
  border: solid thin #E9E7C4;
}
#basket .in .sg-cart .cart-bar .bar-space .bar {
  background-color: #4D9309;
}
#basket .in .sg-cart .options, #basket .in .sg-cart .contact, #basket .in .sg-cart .content {
  border: solid 1px #E9E7C4;
}
@media only screen and (min-width: 0px) {
  #header .nav .in .toggles li span.menu-toggle.active {
    background-color: transparent !important;
  }
  #header .nav .in .toggles li .menu-toggle {
  margin-left: 12px !important;
}
  .menuCustomBorderSettings{
  	background-image: url('https://www.naturalprotein.cz/upload/images/bacg.svg');
  }
}
@media only screen and (max-width: 768px) {
  .sg-cart .details .options p {
    font-size: 15px;
  }
  div .contact p strong {
    font-size: 32px;
  }
}
.sg-cart .alert .alert-success{
  background: #619547 !important;
}
#basket .in .sg-cart .cart-bar {
  background-color: white;
}
#basket .in .sg-cart .steps ul li.active span, #basket .in .sg-cart .steps ul li a.active span {
  background: #7fbb5f;
}
#basket .in .sg-cart .list .row.body .count-form .math.minus {
  background: white;
  scale: .6;
}
#basket .in .sg-cart .list .row.body .count-form .math::before, #basket .in .sg-cart .list .row.body .count-form .math::after {
  background-color: #623a25;
}
#basket .in .sg-cart .list .row.body .count-form .math.plus {
  background: white;
  scale: .6;
}
 .sg-cart .list .row.body .col.total .remove {
    scale: .6;
  }
.sg-cart .details .options ul li .check label .price, .sg-cart .details .options ul li .check .label .price {
  font-size: 16px;
}
.sg-cart .details .contact ul li .form .error {
  color: #dd2020 !important;
  padding: 5px 10px;
  border-radius: 10px;
  margin-top: 10px;
  font-size: 13px;
  background: transparent;
  font-weight: bold;
}
#basket .in .sg-cart .options, #basket .in .sg-cart .contact, #basket .in .sg-cart .content{
	background-color: white;
}

#basket .in .sg-cart .options p, #basket .in .sg-cart .contact p, #basket .in .sg-cart .content p{
background-color: #f7f6e2;
  text-align: center;
  font-family: 'Active';
  font-size: 32px;
  color: #623A25;
}

.sg-cart .error, .sg-cart .alert {
  color: white !important;
  background: #d52a2a;
  border-radius: 20px;
  margin-top: 10px;
  font-size: 12px;
  padding: 10px 25px;
}

@media only screen and (max-width: 768px) {
  #basket .in .sg-cart .list {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #basket .in .sg-cart .steps ul li.active span, #basket .in .sg-cart .steps ul li a.active span {
  background: #7fbb5f;
}
#basket .in .sg-cart .list .row.body .count-form .math.minus {
  background: white;
    margin-right: 10px;
    scale: 1.2;
  }
    #basket .in .sg-cart .list .row.body .count-form .math.plus {
  background: white;
    margin-left: 10px;
    scale: 1.2;
  }
}
#basket .in .sg-cart .list .row.body .count-form .math::before, #basket .in .sg-cart .list .row.body .count-form .math::after {
  background-color: #623a25;
}

@media only screen and (max-width: 570px) {
  .onlyCartBasePage .in{
  padding: 0px !important;
  }
  .onlyCartBasePage{
  overflow: hidden !important;
  }
  .onlyCartBasePage2{
  overflow: hidden !important;
  }
  .onlyCartBasePage3{
  overflow: hidden !important;
  }
  .onlyCartBasePage2 .in{
  padding: 0px !important;
  }
  .onlyCartBasePage3 .in{
  padding: 0px !important;
  }
  .onlyCartBasePage #basket .in .sg-cart .nav .sg-button {
    margin-left: 25px;
    margin-right: 30px;
    margin-bottom: 20px;
  }
  .onlyCartBasePage #basket .in .sg-cart .list .header .col{
     width: 95%;
  border-bottom: 1px solid #d0c4be;
  }
  .onlyCartBasePage2 #basket .in .sg-cart .nav .sg-button {
    margin-left: 25px;
    margin-right: 30px;
    margin-bottom: 15px;
  }
  .onlyCartBasePage2 #basket .in .sg-cart .list .header .col{
     width: 95%;
  border-bottom: 1px solid #d0c4be;
  }
  .onlyCartBasePage3 #basket .in .sg-cart .nav .sg-button {
    margin-left: 25px;
    margin-right: 30px;
    margin-bottom: 15px;
  }
  .onlyCartBasePage3 #basket .in .sg-cart .list .header .col{
     width: 95%;
  border-bottom: 1px solid #d0c4be;
  }
  #frm-vouchers-voucherForm{
      border-bottom: 1px solid #b4c2ad;
      padding-bottom: 10px;
      width: 95%;
  }
  .onlyCartBasePage #basket .in .sg-cart .list .header{
     display:none;
  }
  .onlyCartBasePage #basket .in .sg-cart .nav .right-arrow{
    background: #216605;
    margin-top: 20px;
    scale: 1.2;
  }
  .onlyCartBasePage #basket .in .sg-cart .nav{
      position: fixed;
  z-index: 9999;
  bottom: 0 !important;
    transition: bottom 1s ease;
    width: 100Vw;
  background: white;
  border-radius: 20px;
  left: 0 !important;
  border: 1px solid #E9E7C4;
    flex-direction: unset !important;
  justify-content: center !important;
    background: #f7f6e2;
  }
  .onlyCartBasePage2 #basket .in .sg-cart .discount{
      position: fixed;
  z-index: 2;
   bottom: 0 !important;
    width: 100Vw;
    left: 0 !important;
  background: white;
    border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top: 1px solid #d0c4be;
  border-left: 1px solid #d0c4be;
  border-right: 1px solid #d0c4be;
  padding-left: 20px;
  padding-right: 10px;
    
  }
  .onlyCartBasePage3 #basket .in .sg-cart .discount{
      position: fixed;
  z-index: 2;
  bottom: 0 !important;
    width: 100Vw;
    left: 0 !important;
  background: white;
    border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-top: 1px solid #d0c4be;
  border-left: 1px solid #d0c4be;
  border-right: 1px solid #d0c4be;
  padding-left: 20px;
  padding-right: 10px;
  }
  
  .onlyCartBasePage2 #basket .in .sg-cart .nav .right-arrow{
      background: #216605;
    margin-top: 16px;
    scale: 1.2;
  }
  .onlyCartBasePage3 #basket .in .sg-cart .nav .right-arrow{
      background: #216605;
    margin-top: 16px;
    scale: 1.2;
  }
  .onlyCartBasePage2 #basket .in .sg-cart .nav{
     position: fixed;
    z-index: 999;
   bottom: 0 !important;
    width: 100Vw;
    left: 0 !important;
    background: white;
    border-radius: 20px;
    border: 1px solid #E9E7C4;
    flex-direction: unset !important;
    justify-content: center !important;
    background: #f7f6e2;
    transition: bottom 1s ease;
  }
  .onlyCartBasePage3 #basket .in .sg-cart .nav{
     position: fixed;
    z-index: 9999;
    transition: bottom 1s ease;
    bottom: 0 !important;
    width: 100Vw;
    left: 0 !important;
    background: white;
    border-radius: 20px;
    border: 1px solid #E9E7C4;
    flex-direction: unset !important;
    justify-content: center !important;
    background: #f7f6e2;
  }
  .onlyCartBasePage #basket .in .sg-cart .nav .gray{
      display: none;
  }
  .onlyCartBasePage2 #basket .in .sg-cart .nav .gray{
      display: none;
  }
  .onlyCartBasePage3 #basket .in .sg-cart .nav .gray{
      display: none;
  }
}

.sg-input, .sg-textarea {
  border-radius: 30px;
}

#frm-reviews-addReview-rating-button{
	display: none !important;
}

#product-detail .in .rating .form ul li.rating-form .form .stars-widget .minus, .product-detail-like .in .rating .form ul li.rating-form .form .stars-widget .minus, #product-detail .in .rating .form ul li.rating-form .form .stars-widget .plus, .product-detail-like .in .rating .form ul li.rating-form .form .stars-widget .plus {
  border-radius: 50% !important;
}

#cart-updated .in .content{
   background: #f5f5df !important;
}
#cart-updated .in .content .product-box .text .description{
   
}
#cart-updated .in .content .product-box .text h3{
   font-size: 20px !important;
}

#cart-updated .in .content .product-box .text .prices{
   display: block !important;
  color: #4D9309;
  font-family: Active;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 0.96px;
  margin-bottom: -20px;
  margin-top: -54px;
  text-align: right;
}

.related-box h3{
   text-align: center;
}

.sg-cart .list .row {
  border-bottom: 1px solid #d0c4be !important;
}

.sg-cart .list .row.body .col.title .text a {
  font-weight: 600 !important;
}

#cart-updated .in .content {
  border-top: none !important;
}

.rating-form span ul li .minus{
    background: #619547 !important;
}

.rating-form span ul li .plus{
    background: #619547 !important;
}

p a .sg-button .black:hover{
  background: #619547 !important;
}

.no-touch:hover{
  background: #619547 !important;
}

.cart-final .counting{
  background: none !important;
  border: none !important;
}

@media only screen and (max-width: 570px) {
  
  .link-box .right-arrow{
      background: #619547;
      color: white;
      font-size: 13px;
      text-align: center;
  }
  .link-box .close-modal{
      background: #619547;
      color: white;
      font-size: 13px;
      text-align: center;
  }

#basket .in .sg-cart .list .row.body .col.title .image {
  margin-top: .4em !important;
}
  #basket .in .sg-cart .list .row.body .count-form .math {
  width: 22px !important;
  height: 22px !important;
}
}

#basket .in .sg-cart .list .row.body .col.title .image {
    min-height: 60px;
    margin-bottom: -1.1em;
    margin-top: -.4em;
  }

div .options p strong{
	color: #623A25 !important;
}

.no-touch #footer .in .box.payment .social ul li a:hover {
  background: transparent !important;
}
.no-touch #footer .in .box.payment .social ul li a{
  background: transparent !important;
}

div .fieldset p strong{
	color: #623A25 !important;
}

div .cart-final p strong{
  color: black !important;
}

div .contact p strong{
	color: #623A25 !important;
}

.details .customer .content p strong{
  color: #623A25;
}

div #cart-summary-widget p strong{
	color: #623a25;
}

.cookie-law-wrapper .page .buttons .sg-button {
  background-color: #623a25;
  color: #efebe9;
}

.no-touch .sg-button.outline {
  background: #619547;
  color: #ffffff;
}

.no-touch .sg-button.outline:hover {
  border-color: #623a25;
}

.cookie-law-wrapper .page .buttons .sg-button.black {
  background-color: #efebe9;
  color: #623a25;
}

#footer .in a {
  font-size: 16px;
}

#footer .in .box .content ul li {
  margin-bottom: 5px;
}

 #footer .in .box h4 {
    font-size: 24px;
  }

.sg-product-item a.sg-button {
  font-family: Active;
  font-size: 20px;
  padding: 25px;
  background: #4d9309 !important;
  color: white;
  width: 100%;
  text-align: center;
  justify-content: center;
  height: 20px;
  border: none;
}

.sg-product-item a.sg-button .flaticon-right-arrow-1{
	display: none;
}

.fb-share-button{
  margin-top: -1.5em;
  margin-left: -10.6em;
  width: 100px;
}
.fb-xfbml-parse-ignore{
	font-size: 14px !important;
}
.flaticon-share{
  font-size: 14px !important;
}
@media only screen and (max-width: 570px) {
  .fb-share-button{
    margin-top: -1.1em !important;
    margin-left: -11em;
  }
  .products ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
  }
}

@media only screen and (max-width: 520px) {
  .products ul li {
      padding: 30px 0 0 0;
      width: 14em;
    }
}
@media only screen and (max-width: 450px){
	.products ul li {
      padding: 30px 0 0 0;
      width: 13em;
    }
}

@media only screen and (max-width: 420px){
	.products ul li {
      padding: 30px 0 0 0;
      width: 11.9em;
    }
}

#products-list .sg-product-item .more.with-variants .variants-form form h3, #accessories-tab .sg-product-item .more.with-variants .variants-form form h3, #product-detail .products .sg-product-item .more.with-variants .variants-form form h3, #cross-sell .sg-product-item .more.with-variants .variants-form form h3, #best-sell .sg-product-item .more.with-variants .variants-form form h3 {
 border: solid 1px #623a25 !important;
}

@media only screen and (max-width: 970px) {
  .cookie-law-wrapper .page .buttons {
    justify-content: flex-start !important;
  }
}

@media only screen and (min-width: 0px) {

  /* spravne nastaveni barvy footeru a prvku nav menu, ktere neslo stylizovat pres admin system*/
  #footer{
  	background-color: #619547;
  }
  
  /* polozky burger menu - desktop*/
  #header .nav .in .menu .other ul li{
  background-color: #85bf68;
  }
  
  
  /* polozky burger menu - mobile*/
  #header .nav .in .menu .main ul li{
    background-color: #85bf68;
  }
  
    /* podpolozky main menu - desktop*/
#header .nav .in .menu .main ul li .submenu .item ul li{
  	background-color: #619547;
  }
  
  /* vyhody eshopu - ikona mobile */
  #category .in .delivery ul li .icon{
  	justify-content: initial;
  	float: right;
  }
  
  
  /* burger menu button - mobile*/
  #header .nav .in .toggles li span.menu-toggle.active{
  background-color: #85bf68;
  }
  
  /* burger menu button - desktop*/
  #header .nav .in .menu .main ul li.more span.active{
 background-color: #85bf68;
  }
  
  /* search button - desktop*/
  #header .nav .in .toggles li span.search-toggle.active{
  background-color: #85bf68;
  }
  
  /* search okno - okraj*/
  #header .nav .in .search {
  background-color: #619547;
  }
  
  /* blog sekce na main page */
  #blog .in{
  background-color: #edecd2;
    border-radius: 25px;
  }
  
  #blog .in h2{
  background-color: #edecd2;
  }
  
  /* testimonials medailonky main page*/
  #testimonials .in .slider ul li .content{
  background-color: #f7f6e2;
    border-radius: 25px;
  }
  
  /* top border login*/
  .sg-modal .in .content{
  border-top: 5px solid #619547;
  }
  
  /* button zaobleni*/
  .sg-button{
  border-radius: 999px;
  }
  
    /* button do košíku*/
  .sg-button.black{
  background:#619547;}
  
    /* kategorie mezery*/
  #category .in .delivery ul li{
  margin-bottom: 15px;}
  
  /* paralax margin top a bottom*/
  .parallax .in .title{
  margin-top: 35px;}
  
  #parallax-a .more a{
  margin-bottom: 35px;}
  
  /* kosik - barvy aktualniho kroku objednavky*/
  .sg-cart .steps ul li.active{
  background:#619547;}
  
  .sg-cart .steps ul li.active span{
  background:#617F47;}
  
  
  
  /* text detailu produktu*/
  .obsah
   {
    padding-left:60px;
    padding-right:60px;
   }
 
  
      .video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    }
  
  .responsive-video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    }
      .videoGrid {
    grid-template-columns: 1fr;
    display: grid;
    grid-gap: 24px;
    }
  
  /* button velkoobchod*/
  .btn-green{
  background: #52ac5c;
  color: #ffffff;
  border-radius: 999px;}
  
  .btn-green:hover{
  background: #593624;
  color: #ffffff;}
  
  	.velkoobchod-column{
  	width: 100%;
  }
  
  .contentpage-image{
    width:100%;
    margin:auto;
    display:block;
    margin-bottom: 10px;
    border-radius: 25px;
  }
  
  .contentpage-two-images{
    width:100%;
    margin:auto;
    display:block;
    margin-bottom: 10px;
    border-radius: 25px;
  }
  
  /* barva pozadi slevy produktu*/
  #product-detail .in .left-side .product-variants-natural ul li a .price{
  background-color: #D51D23;}
  
  /* label tip, novinka... border radius + margin*/
  .sg-label{
  	border-radius: 999px;
  }
    
  /*blog nahledove obrazky */
  .sg-blog-list-item .image a img{
  border-radius: 25px;
  }
  
  /*blog prvni obrazek */
  #blog-detail .in .image img{
  border-radius: 25px;
  }
  
  /* O nas timeline prvky*/
  .timeline:after {
  	content: "";
  	display: table;
  	clear: both;
    margin-top:15px;
   }
  
    .bckgrnd-clr{
  	background-color: #f7f6e2;
    border-radius: 25px;
  }
  
    .timeline-row{
    width: 100%;
    float:left;    
    padding-right: 12px;
    padding-left: 12px;
      padding-bottom: 25px;
      margin-bottom: 25px;
  }
  
  .timeline-image{
  	width:100%;
    float:left;
  }
  
  .timeline-text{
  	width:100%;
    float:left;
  }
  
  .timeline-responsive-img{
  	width:100%;
    display: block;
  	margin:auto;
    max-width:400px;
    border-radius: 25px;
  }
  
  /* ikony vyhod produktu*/
  .product-line{
  	width:100%;
  	text-align: center;
    margin-top: 20px;
  }
  
  .product-cell{
    width: 70%;
    margin: auto;
    margin-top: 30px;
    display: block;
  }
  
  .product-text{
  	display: block;
  }
  
  .product-text:nth-child(even){
  	margin-top:-15px;
  }
  
  .product-icon{
  	max-width: 100px;
  }
  
  /*nutricni tabulka na karte slozeni a vyzivoje udaje*/
  .nutritional-chart-padding{
  	width:100%;
    text-align: center;
  }
  
  .nutritional-chart-padding table td{
  	border:1px solid #623a25;
  }
  
   
  /* okraje tabulky budou bez ohraniceni*/
  .nutritional-chart-padding table tr td:first-child{
  	border-left: none;
  }
  
  .nutritional-chart-padding table tr td:last-child{
  	border-right: none;
  }
  
  .nutritional-chart{
  	width: 100%;
    
  }
  
  .nutritional-chart td{
    padding: 8px;
  }
  
  /* velikost nadpisu druhe urovne v obsahu*/
  #product-detail .in .sg-tabs .sg-tabs-item-content h2{
  	font-size: 48px;
  }
  
  #product-detail .in .sg-tabs .sg-tabs-item-content h2 a{
  	font-size: 20px;
  }
  
 /* velikost nadpisu treti urovne v obsahu*/
  #product-detail .in .sg-tabs .sg-tabs-item-content h3{
  	font-size: 27px;
  }
  
  #product-detail .in .sg-tabs .sg-tabs-item-content p{
  	font-size: 18px;
  }
  
  /* zobrazit prvky jen pro mobil a skryt pro desktop*/
  .mobile-only{
  display:block;
  }
  
  .desktop-only{
  display:none;
  }
  
  
}


@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {

  .timeline-image{
  	width:35%;    
    padding-right: 15px;
}
  
  /* kazdy druhy obrazek bude mit vlevo padding pro odsazeni od textu*/
  .timeline-image:nth-child(odd){
    padding-left: 15px;
  }
  
  .timeline-text{
  	width:65%;
}
  
  /* ikony vyhod u produktu - text vedle ikony*/
  
  .product-cell{
    margin: auto;
    width: 50%;
    margin-top: 30px;
    display: table;
  }
  
  .product-text{
  	display: table-cell;
    float:left;
    max-width: 250px;
    margin:auto;
  }
  
  .product-text:nth-child(even){
  	padding-left:12px;
    margin-top:15px;
  }
  
    /* podpolozky main menu - desktop*/
#header .nav .in .menu .main ul li .submenu .item ul li{
  	background-color: #f7f6e2;
  }
  
  .obsah{
  	padding-left: 150px;
    padding-right: 150px;
  }
  
  /* zobrazit prvky jen pro desktop a skryt pro mobil*/
  .mobile-only{
  display:none;
  }
  
  .desktop-only{
  display:block;
  }
    
  
  
}

@media only screen and (min-width: 1024px) {
       .velkoobchod-column{
	width:50%;
    float:left;
  } 
  
  
  
  .timeline-image{
  	width:32%;
}
  
  .timeline-text{
  	width:65%;
}
  
  .product-cell{
  	display: inline-block;
    width: 33%;
    max-width: 300px;
    margin: 14px;
  }
  
  .product-text{
 	max-width: 200px;
  }
  
  .product-text:nth-child(even){
    margin-top: 0px;
  }
  
  .nutritional-chart-padding{
  	width:100%;
    padding-left: 120px;
    padding-right: 120px;
  }
  
  .obsah{
  	padding-left: 220px;
    padding-right: 220px;
  }
}

#cart-updated .in .content .link-box a {
  border: none !important;
  text-align: center !important;
}

@media only screen and (min-width: 1200px) {
  .contentpage-image{
    width:75%;
  }
  .contentpage-two-images{
    max-width: 350px;
    display: inline;
  }
  
}

@media only screen and (min-width: 1600px) {
  .contentpage-two-images{
    max-width: 450px;
  }
}
@media only screen and (max-width: 768px) {
  #cart-updated .in .content .product-box .text h3{
  	font-size: 18px !important;
  }
  
  #cart-updated .in .content .product-box .text .prices{
    margin-top: -20px !important;
  }
}

#product-detail .in .left-side .product-variants-natural ul {
  justify-content: start !important;
}